CSS Twitter Bootstrap 3 行的边距
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18714692/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Margin for Twitter Bootstrap 3 rows
提问by Korjavin Ivan
I have this simple code with Twitter Bootstrap 3: http://jsfiddle.net/korjavin/xUJGV/3/.
我在 Twitter Bootstrap 3 中有这个简单的代码：http: //jsfiddle.net/korjavin/xUJGV/3/。
(result only: http://jsfiddle.net/korjavin/xUJGV/3/embedded/result/)
（仅结果：http: //jsfiddle.net/korjavin/xUJGV/3/embedded/result/）
I am confused that rows with lorem-lipsum text have not any vertical margin.
我很困惑带有 lorem-lipsum 文本的行没有任何垂直边距。
I can add margin-topto custom.cssbut connect it to all classes like col-sm-1(2 ..), col-xs-*, col-* ...looks like bad solution.
我可以添加margin-top到custom.css但将它连接到所有类，就像col-sm-1(2 ..), col-xs-*, col-* ...看起来像糟糕的解决方案一样。
What is the best solution to add vertical margin for all Bootstrap grid classes?
为所有 Bootstrap 网格类添加垂直边距的最佳解决方案是什么？
回答by albertedevigo
The best solution is to respect Bootstrap rules on element nesting. A container, within it a row, within it some colthat don't exceed 12in total. Then, every paragraph wrapped on a <p>tag, and so on.
最好的解决方案是遵守关于元素嵌套的 Bootstrap 规则。A container，其中 a row，其中一些col不超过12总数。然后，每个段落都包裹在一个<p>标签上，依此类推。
Basically your problem is about correctly using Bootstrap elements, not about CSS.
基本上你的问题是关于正确使用 Bootstrap 元素，而不是关于 CSS。
Check an improved version of your fiddle, also in full screen.
检查您的小提琴的改进版本，也是全屏显示。
