5

我对 Bootstrap 相当陌生，但对 12 网格系统不熟悉，但是我在实现比行长的列时遇到了问题。

我在网上搜索了一段时间，但还没有找到答案！

如果可能的话，我会尝试制定我想要实现的目标！

第 1 行：[----12----]

第 2 行：[---9---][3]

第 3 行：[3][3][3][_] <-- 从上面继续列。

我遇到的困难在于以下几点：

第1行，一切正常。第2行，一切正常。第 3 行，当开始第 3 行的第一列时，由于右侧列中的内容较长，它的位置要低得多并且没有塞进去。

希望这是有道理的，并且可能有一个简单的解决方案，但是我的头现在很痛，咖啡不再有效果了！

4

1 回答 1

5

使用嵌套来解决这个问题：http: //getbootstrap.com/css/#grid-nesting

<div class="container">
  <div class="row">
    <div class="col-sm-12"></div>
  </div>
  <div class="row">
    <div class="col-sm-9">
      <div class="row">
        <div class="col-sm-12"></div>
      </div>
      <div class="row">
        <div class="col-sm-4"></div>
        <div class="col-sm-4"></div>
        <div class="col-sm-4"></div>
      </div>
    </div>
    <div class="col-sm-3"></div>
  </div>
</div>

见：http ://bootply.com/86710

于 2013-10-09T21:16:44.707 回答