如何在Bootstrap 2.3.2中制作DIV。不要以相同的宽度打破所有

Question

我的问题可能非常简单，但我无法在网上或网上的其他地方找到任何此类提示。

我要做的是让几个Div包含一行内容（为简单起见假设为6）但是在缩小时它们不应该以相同的浏览器宽度重新排列。

所以，例如示例行在全宽度上有6个div，当浏览器宽度减小时，它们变成两行，每行3个Div，只有非常小的宽度，每行变成6 x 1 Div。

如果将代码分解为2个div的span6然后包括3个Divs的Span4，但它们仍然会同时重新洗牌。

我正在使用此代码（背景颜色仅设置为在视觉上清晰地区分div）

  <div class="row-fluid">
    <div class="span6">
        <div class="span4" style="background-color:#bbbbbb">
            Div 1
        </div>

        <div class="span4" style="background-color:#bbbbbb">
            Div 2
        </div>

        <div class="span4" style="background-color:#bbbbbb">
            Div 3
        </div>
    </div>


    <div class="span6">
        <div class="span4" style="background-color:#bbbbbb">
            Div 4
        </div>

        <div class="span4" style="background-color:#bbbbbb">
            Div 5
        </div>

        <div class="span4" style="background-color:#bbbbbb">
            Div 6
        </div>
    </div>
</div>

非常感谢任何想法。

谢谢Kai