Question

我正在使用css form styles from Twitter Bootstrap，但我希望减少表单输入字段之间的默认间距。不确定我需要覆盖哪个css元素。

有什么想法吗？

Answer 1

当使用Bootstrap v2.1时，我使用它们的水平形式来减少表格的高度，然后我发现改变.control-group底部边距可以产生预期的效果。

默认为20px我相信，我使用8px

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

Answer 2

如果您使用的是默认设置，则可以减少.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/

如何通过twitter bootstrap减少输入之间的空间？

2 个答案: