css - Bootstrap：当我使用时，第一个 div 跑了一点

Question

http://img46.imageshack.us/img46/8079/w5hk.png

我无法弄清楚为什么这只发生在“行流体”中。第一个 div 将运行一个 lil。它在 < div class="row" > 中工作得非常好，但在 < div class="row-fluid" > 中却不行

代码：

  <div id="wrap">
      <div class="container">
        <div class="row-fluid">
          <div class="span6 offset3" >Hello 1</div>
          <div class="span6 offset3" >Hello 2</div>
          <div class="span6 offset3" >Hello 3</div>
          <div class="span6 offset3" >Hello 4</div>
        </div>

Answer 1

默认情况下，流体容器仍然基于 12 列布局；它们的宽度只是百分比而不是固定值。

您的标记中现在有 36 列（.span6* 4 = 24 列加上.offset3* 4 = 12 列，总共 36 列）。36 列不适合 12 列布局。

您应该尝试将您的类更改为“span3”或“span2 offset1”，但在某种程度上，总数必须始终等于 12。

此外，您还需要将容器类设为“容器流体”。