Come posso ridurre lo spazio tra gli input con Twitter Bootstrap?

Question

Sto usando il CSS Form Styles da Twitter Bootstrap Ma vorrei ridurre la spaziatura predefinita tra i campi di input del modulo. Non sono sicuro di quale elemento CSS ho bisogno di sovrascrivere.

Qualche idea?

Answer 1

Se stai lavorando con la configurazione predefinita puoi ridurre il .line margine per raggiungere il tuo obiettivo. Prova questo:

form .line {
    margin-bottom: 5px; //adjust to your liking
}

Questo è ovviamente se stai lavorando con un campo di input separato dalla linea di div che Bootstrap utilizza, ad esempio:

<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>
...

Demo http://jsfiddle.net/andresilich/qxmvd/1/

Answer 2

Quando uso Bootstrap v2.1 uso le loro forme orizzontali per ridurre l'altezza delle mie forme, trovo quindi alterare il margine inferiore del gruppo .Control può dare l'effetto desiderato.

L'impostazione predefinita è 20px i crediti, uso 8px

.form-horizontal .control-group {
    margin-bottom: 8px;
}