twitter-bootstrap - 如何将 span10 细分为 12 列

Question

我无法在另一列中创建流畅的行。我的理解是我应该能够将 span10 分成 12 个以上的列，但我没有任何运气。第四个 span3 不合适。谢谢你的帮助。

  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span2"></div>
      <div class="span10">
        <div class="row-fluid">
          <div class="span3"></div>
          <div class="span3"></div>
          <div class="span3"></div>
          <div class="span3"></div>
        </div>
      </div>
    </div
  </div>

Answer 1

你在第二个 div 上有一个类名“row fluid”

<div class="row fluid">

应该是

<div class="row-fluid">

并且“span10”缺少对“>”。

<div class="span10"

它应该是

<div class="span10">

顺便说一句，你还需要一个

</div> 

在底部与 class="container-fluid" 匹配。

Answer 2

代码片段是正确的，我使用完全相同的构造。我的经验是，如果 spanX 不适合，那么我尝试放入的内容对于可用空间来说太大了。试试它是否可行，例如：

<div class="container-fluid">
    <div class="row-fluid">
      <div class="span2"></div>
      <div class="span10">
        <div class="row-fluid">
          <div class="span3"></div>
          <div class="span3"></div>
          <div class="span2"></div>
          <div class="span4"></div>
        </div>
      </div>
    </div
</div>

想知道这是否是问题所在。希望有帮助。