Twitter bootstrap Bootstrap响应式样式表中断跨度宽度？

忙于实现包含响应CSS文件的Twitter引导，但这会导致我的跨度出现问题。整个宽度应达到span12，因此6*span2也应达到相同的宽度

现在是有趣的部分。如果没有加载bootstrap-responsive.css，它确实可以工作，但在我加载响应文件时，最后一个跨度会浮动到左下角

起初我以为它可能是我周围的边界，但我去掉了它们，它仍然浮到了底部

            <div class="row" style="border: 1px solid green">
                <div class="container" style="border: 1px solid blue">
                    <div class="span2" style="border: 1px solid red">Foo!</div>
                    <div class="span2" style="border: 1px solid red">Bar!</div>
                    <div class="span2" style="border: 1px solid red">Baz!</div>
                    <div class="span2" style="border: 1px solid red">Foo!</div>
                    <div class="span2" style="border: 1px solid red">Bar!</div>
                    <div class="span2" style="border: 1px solid red">Baz!</div>
                </div>
            </div>

福！
酒吧！
巴兹！
福！
酒吧！
巴兹！

这应该是可能的加载两个CSS文件，并得到一个体面的布局，虽然，对吗？没有

我找不到任何其他表明类似结果的问题。我的引导CSS文件未经修改，我还没有自己的样式表内置，因此我不认为这是我做错的事情

有什么想法吗

谢谢

科布斯

---

编辑：上传了一个屏幕截图以获取更多信息。

您可以尝试下面的代码，它在使用bootstrap-responsive.css时应该没有任何问题

福！
酒吧！
巴兹！
福！
酒吧！
巴兹！

更新：

<div class="row-fluid" style="border: 1px solid green">
<div class="container" style="border: 1px solid blue">
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
</div>
</div>

福！
酒吧！
巴兹！
福！
酒吧！
巴兹！

谢谢，@RishiKalia，但这不起作用。使用下面的代码将“容器”的宽度设置为100%，将站点从固定宽度中分离出来。我没有使用container fluid CSS类-我的站点是固定宽度的。如果它是固定宽度的，那么bootstrap-responsive.CSS做的是正确的。它正在将超出的部分移动到下一行。嗯，你必须重新考虑你的站点设计。嗨@RishiKalia，这对我来说没有意义。如果没有responsive.css，则不会发生这种情况（内容适合，窗口不调整大小），如果没有responsive.css，则不会发生这种情况（内容不适合，添加了额外的边距，窗口不调整大小）。当我调整屏幕大小时，responsive.css应该只调整元素的大小。我的屏幕比940px宽，因此我认为不应该将任何内容推回到左侧，但它们应该调整大小以适应，直到它变得太小而无法调整大小，然后，所有6个span2元素都将位于彼此下方。您可以查看上面我的回复的更新。希望这就是您想要得到的。谢谢-更新成功了！。现在，如果内容合适，我的宽度是940px，并相应调整大小。非常感谢。

<div class="row-fluid" style="border: 1px solid green">
<div class="container" style="border: 1px solid blue">
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
<div class="span2" style="border: 1px solid red">Foo!</div>
<div class="span2" style="border: 1px solid red">Bar!</div>
<div class="span2" style="border: 1px solid red">Baz!</div>
</div>
</div>