twitter-bootstrap - 简单的 twitter bootstrap 流体布局 span5 != span5

Question

我有以下示例，其中底部的最后两段是 span5，但不匹配它们上方的 span 10，也不匹配 span10 以上的 span5。

http://jsfiddle.net/MgcDU/2959/

添加代码片段，以便stackoverflow让我发布（多么愚蠢）....stackoverflow实际上错误说必须在此处粘贴jsfiddle代码，这对我来说似乎很愚蠢，因为它里面有很多文本。

<div class="row-fluid">

知道如何解决这个问题吗？

谢谢，院长

Answer 1

使用 row-fluid 时，内容必须加起来为 12。

http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem

<div class="row-fluid">
  <div class="span12">
    Fluid 12
    <div class="row-fluid">
      <div class="span6">
        Fluid 6
        <div class="row-fluid">
          <div class="span6">Fluid 6</div>
          <div class="span6">Fluid 6</div>
        </div>
      </div>
      <div class="span6">Fluid 6</div>
    </div>
  </div>
</div>

Answer 2

来自twitter 引导文档：

流体网格以不同的方式使用嵌套：每个嵌套级别的列最多应添加 12 列。这是因为流体网格使用百分比而不是像素来设置宽度。