Wie kann ich den Speicherplatz zwischen Eingaben mit Twitter -Bootstrap verringern?

Question

Ich benutze das CSS Formestile aus Twitter Bootstrap Aber ich möchte den Standardabstand zwischen den Formulareingangsfeldern verringern. Ich bin mir nicht sicher, welches CSS -Element ich überschreiben muss.

Irgendwelche Ideen?

Answer 1

Wenn Sie mit dem Standard -Setup arbeiten, können Sie das verringern .line Rand, um Ihr Ziel zu erreichen. Versuche dies:

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

Dies ist natürlich, wenn Sie mit einem Eingangsfeld arbeiten, das von der Linien -Div getrennt ist, die der Bootstrap verwendet, z. B.:

<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

Wenn ich Bootstrap v2.1 verwende, verwende ich ihre horizontalen Formen, um die Höhe meiner Formen zu reduzieren, und finde dann den geänderten Rand der .control-Gruppe den gewünschten Effekt.

Standard ist 20px Ich glaube, ich benutze 8px

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