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

Question

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

JSFiddle

默认值太多了。在bootstrap.css中，我只看到 classes .control-group.warning、.control-group.error等，但没有.control-groupmain 样式。

我应该如何改变它？

---

编辑

我发现这改变了它：

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

Answer 1

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

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

JSFiddle

此外，除非您正在对 CSS 进行大修（在这种情况下，您可能应该使用 LESS），通常更好的做法是不编辑bootstrap.css，并将您的覆盖添加到styles.css文件中。这样，您可能会利用 CDN（例如BootstrapCDN）。