¿Cómo puedo disminuir el espacio entre las entradas con Twitter Bootstrap?

Question

Estoy usando el CSS Forma estilos de Twitter Bootstrap Pero me gustaría disminuir el espacio predeterminado entre los campos de entrada de formulario. No estoy seguro de qué elemento CSS necesito sobrescribir.

¿Algunas ideas?

Answer 1

Si está trabajando con la configuración predeterminada, puede disminuir el .line margen para lograr su objetivo. Prueba esto:

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

Esto es, por supuesto, si está trabajando con un campo de entrada separado por la línea div que usa el bootstrap, por ejemplo:

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

Manifestación http://jsfiddle.net/andresilich/qxmvd/1/

Answer 2

Cuando uso Bootstrap v2.1, uso sus formas horizontales para reducir la altura de mis formas, luego encuentro que alterar el margen inferior del grupo de control puede dar el efecto deseado.

El valor predeterminado es 20px, creo, uso 8px

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