更改.control-group行之间的边距

Question

我想更改行之间的边距。以下是我的开始：

JSFiddle

默认是太多了。在 bootstrap.css 中，我只看到了类.control-group.warning，.control-group.error等，但没有.control-group主要样式。

我应该如何改变它？

<小时/>

修改

我发现这改变了它：

.control-group {
  margin-top: -8px;
}

Answer 1

无需使用负边距。以下是诀窍：

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

JSFiddle

另外，除非你正在对CSS进行大修（在这种情况下你应该使用LESS），通常最好不要使用 bootstrap.css ，并添加你的覆盖 styles.css 文件。这样，您可以利用CDN（例如，BootstrapCDN）。