在缩小Bootstrap中的屏幕时，如何防止两个“spanX”div重叠？

Question

我正在使用Twitter Bootstrap 2.3的responsive布局。我有一个包含两个span9 row-fluid div的span4 div。

为了测试屏幕的流动性，我缩小了窗口。有一个特定点，右span4与左span4重叠。如果我继续缩小窗口，它将适当地堆叠。但我希望它在重叠前适当堆叠。我想要在Bootstrap中内置的功能，我只是做得不对吗？

当然感谢任何帮助！

Answer 1

也许仔细检查一下你是否正在使用bootstrap响应式css，并且HTML中没有一个blip。我的布局并不完全清楚，但这里有一个关闭的实例：http://jsfiddle.net/panchroma/RMUmW/

<强> HTML

<div class="container">
    <div class="row-fluid">
        <div class="span9">
            <div class="row-fluid">
                <div class="span4">
                    nested span4
                </div>
                 <div class="span4">
                    nested span4
                </div>
                 <div class="span4">
                    nested span4
                </div>

            </div> <!-- end nested row -->

        </div> <!-- end span9 -->
        <div class="span3">
            span 3
        </div> <!-- end span3 -->
    </div><!-- end row -->

</div> <!-- end container -->   

祝你好运！