Как я могу уменьшить пространство между входными данными с помощью начальной загрузки Twitter?

Question

Я использую CSS формирует стили из Twitter Bootstrap Но я хотел бы уменьшить расстояние между полями ввода формы. Не уверен, какой элемент CSS мне нужно перезаписать.

Любые идеи?

Answer 1

Если вы работаете с настройкой по умолчанию, вы можете уменьшить .line маржа для достижения вашей цели. Попробуй это:

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

Это, конечно, если вы работаете с полем ввода, разделенным линейным Div, который использует начальная загрузка, например:

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

Демо http://jsfiddle.net/andresilich/qxmvd/1/

Answer 2

При использовании Bootstrap v2.1 я использую их горизонтальные формы, чтобы уменьшить высоту моих форм, я обнаружил, что изменение нижнего края .control-Group может дать желаемый эффект.

По умолчанию 20PX Я верю, я использую 8px

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