Bootstrap：当我使用<div class =“row-fluid”> </div>时，第一个div会运行一点

Question

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

我无法弄清楚为什么这只发生在'row-fluid'中。 第一个div会跑掉一个小时。它在＆lt; div class =“row”＆gt;但不是＆lt; div class =“row-fluid”＆gt;

代码：

  <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.

此外，您还需要使容器类“容器流动”。