如何将 span10 细分为 12 列答案

【问题标题】：How do I subdivide a span10 into 12 columns如何将 span10 细分为 12 列
【发布时间】：2013-04-18 07:47:28
【问题描述】：

我在另一列中创建流动行时遇到问题。我的理解是我应该能够将 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>

【问题讨论】：

标签： twitter-bootstrap fluid-layout

【解决方案1】：

代码片段是正确的，我使用完全相同的构造。我的经验是，如果 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>

了解是否是问题所在。希望对您有所帮助。

【讨论】：

【解决方案2】：

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

<div class="row fluid">

应该是

<div class="row-fluid">

而“span10”缺少一对“>”。

<div class="span10"

应该是

<div class="span10">

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

</div>

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

【讨论】：