添加一个简单的spacer到twitter bootstrap
我正在使用twitter-bootstrap，LESS和Rails。
我想添加一个简单的间隔空间到我的CSS出现在网格行之间，使事情更好一点。 我找不到任何对自己有帮助的bootstrap，所以我想我可以只添加一个带有margin-top的spacer div。
我在我的引导覆盖文件中存储了以下代码：
.spacer { margin-top: 40px; } 但是所有的利润似乎都聚集在页面的顶部，而不是网格之间。 我相信它的一个位置属性即时失踪，请帮助。
我愿意接受任何其他更好的build议，或者如果t-bootstrap已经有了我已经错过的任何build议。
谢谢！
你可以添加一个类到你的每个.row divs在它们之间添加一些空间，如下所示：
.spacer { margin-top: 40px; /* define margin as you see fit */ }
你可以像这样使用它：
<div class="row spacer"> <div class="span4">...</div> <div class="span4">...</div> <div class="span4">...</div> </div> <div class="row spacer"> <div class="span4">...</div> <div class="span4">...</div> <div class="span4">...</div> </div>
在Bootstrap 4（它仍然是alpha），你可以使用像mt-5 ， mb-5 。
根据他们的网站：
对于sm，md，lg和xl，这些类使用xs和{property} {sides} – {breakpoint} – {size}的{property} {sides} – {size}格式进行命名。
链接： https ： //v4-alpha.getbootstrap.com/utilities/spacing/
我的方法。 狡猾，但对我来说很好
<p> </p>
