css - Twitter 引导列调整大小

Question

我有一个包含两列的布局，在第一列中我有子列。所以像：

<div class="row">
  <div class="span8">
    <div class="row">
      <div class="span1"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

当页面调整为更小时，我希望两个外列相互堆叠，而不是内列，因为它们总是需要在同一行上，即一旦页面大小调整到低于span8 然后它引入了一个水平滚动条。

这可能吗？

Answer 1

<div class="row">
  <div class="span8 container-fluid">
    <div class="row-fluid">
      <div class="span1 offset2"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

如果您在 span8 内部使用流体布局，则其中的内容应保持在同一行。

而且，我不知道你是否知道，但是一行总是 12 列，即使它在 span8 中。

我希望你知道我的意思。对不起，我的英语不好。