css - Bootstrap : First div runs off a little when i use

Question

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

我不明白为什么这只发生在“row-fluid”中。第一个 div 将耗尽一点点。它在 < 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。

此外，您还需要将容器类设为“container-fluid”。