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

Question

好的，如果你这样做：

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


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

想象一下，两个红色框都占据了屏幕的 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-fluiduseswidth: 100%和.row-fluid .span6uses width: 48.93617021276595%;，您还需要更改这些 div 的宽度。查看更新的代码和小提琴。

Answer 2

I would recommend not using grid spans if you don't need grid spans rather than overriding. If you're overriding practically every property of a class, you're better off just using a new class.

.half {
  margin: 0; 
  background-color: red; 
  width: 50%;
  float:left;
}

<div class="row-fluid">
  <div class="span12">
    <div class="half">First</div>
    <div class="half">Second</div>
  </div>
</div>

http://jsfiddle.net/cGCHa/4/