更改 .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）。