css - Twitter Bootstrap 3 行的边距

Question

我在 Twitter Bootstrap 3 中有这个简单的代码：http: //jsfiddle.net/korjavin/xUJGV/3/。

（仅结果：http: //jsfiddle.net/korjavin/xUJGV/3/embedded/result/）

我很困惑带有 lorem-lipsum 文本的行没有任何垂直边距。

我可以添加margin-top到custom.css但将它连接到所有类，就像col-sm-1(2 ..), col-xs-*, col-* ...看起来很糟糕的解决方案一样。

为所有 Bootstrap 网格类添加垂直边距的最佳解决方案是什么？

Answer 1

最好的解决方案是尊重元素嵌套的 Bootstrap 规则。A container, 在其中 a row, 在其中一些总共col不超过12。然后，每个段落都包裹在一个<p>标签上，依此类推。

基本上你的问题是关于正确使用 Bootstrap 元素，而不是关于 CSS。

检查你的小提琴的改进版本，也是全屏的。