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.

检查你的提琴的改进版本,也是在全屏幕.