我使用twitter-bootstrap,用LESS和Rails。
我想添加一个简单的spacer到我的CSS,出现在网格行之间的空间,一些更好的东西。我找不到任何东西在bootstrap,它为我,所以我想我可以只添加一个spacer div与margin-top定义。
.spacer { margin-top: 40px; }
但所有的边缘似乎在页面的顶部,而不是在网格之间。我相信它的位置属性im丢失某处 – 请帮助。
我打开任何其他建议更好地实现这一点,或者如果t-bootstrap有我已经错过的任何东西。
谢谢!
解决方法
您可以向每个.row div添加一个类,以在它们之间添加一些空格,如下所示:
.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>