css - 如何删除 Bootstrap 中的空格或跨度之间没有空格？

Question

好吧，如果你这样做:

<div class="row-fluid">
   <div class="span6"></div><!--span6 END-->
    <div class="span6"></div><!--span6 END-->


   </div><!--row END-->

想象一下，2个红色盒子都占据了屏幕的50%..但是每次我这样做时，span6在彼此之间和它上面的行之间都有一个边距...我该如何做到这一点跨度上方或之间没有边距..我希望它们接触上方和两侧。

Answer 1

由于您可能不想覆盖所有 .span6 元素，因此我建议如下:

<div class="row-fluid">
    <div class="span6" style="margin: 0px; background-color: red; width: 50%;">foo</div><!--span6 END-->
    <div class="span6" style="margin: 0px; background-color: blue; width: 50%;">bar</div><!--span6 END-->
</div><!--row END-->

JSFiddle

编辑:

由于 .row-fluid 使用 width: 100% 且 .row-fluid .span6 使用 width: 48.93617021276595%； ，您还需要更改这些 div 的宽度。查看更新的代码和 fiddle 。