Comment puis-je réduire l'espace entre les entrées avec twitter bootstrap?
-
27-10-2019 - |
Question
J'utilise les styles de formulaire de Twitter Bootstrap css mais je voudrais diminuer la valeur par défaut d'espacement entre les champs de saisie de formulaire. Je ne sais pas quel élément css je dois remplacer.
Toutes les idées?
La solution
Si vous travaillez avec la configuration par défaut, vous pouvez diminuer la marge .line
pour atteindre votre objectif. Essayez ceci:
form .line {
margin-bottom: 5px; //adjust to your liking
}
Ceci est bien sûr si vous travaillez avec un champ d'entrée séparée par la div ligne que les utilisations bootstrap, par exemple:.
<div class="line">
<label for="input">Full Name</label>
<div class="input">
<input type="text" name="input" size="30">
</div>
</div>
<div class="line">
<label for="input">Last Name</label>
<div class="input">
<input type="text" name="input" size="30">
</div>
</div>
...
Autres conseils
Lors de l'utilisation Bootstrap v2.1 J'utilise leurs formes horizontales pour réduire la hauteur de mes formes, je trouve alors modifier la marge ascendante groupe .control peut donner l'effet désiré.
Par défaut est 20px Je beleive, j'utilise 8px
.form-horizontal .control-group {
margin-bottom: 8px;
}