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

Question

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

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

当然感谢任何帮助！

Answer 1

也许仔细检查您使用的是引导响应式 css 并且您的 HTML 中没有亮点。我对您的布局并不完全清楚，但这是一个接近的工作示例：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 -->   

祝你好运！