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”缺少“＆gt;”对。

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

了解这是否是问题。希望有所帮助。

如何将span10细分为12列

2 个答案: