Css Twitter引导列大小调整

我有一个包含两列的布局，在第一列中我有子列。比如：

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

当页面大小调整为更小时，我希望两个外部列堆叠在彼此的顶部，而不是内部列，因为它们总是需要在同一行上，也就是说，一旦页面大小调整到跨距宽度8以下，它就会引入一个水平滚动条

这可能吗？

<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列，即使它是在一个空格8中

---

我希望你明白我的意思。很抱歉我的英语不好。

你必须编写自己的自定义

css

并添加自己的

类

，因为在引导程序中，所有

span#

都设置为

width:100%

谢谢，伙计，我有点认为我可能不得不这样做，但我只是想看看是否有人知道一个隐藏的秘密！这里有一个小JSFIDLE来演示您所说的，当您调整所有跨距的大小时，转到

width:100%

-