Twitter Bootstrap 3行的保证金

时间:2013-09-10 05:15:39

标签: css twitter-bootstrap

我在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网格类添加垂直边距的最佳解决方案是什么?

1 个答案:

答案 0 :(得分:5)

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

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

同时在an improved version of your fiddle中查看full screen