2

我正在熟悉 Twitter Bootstrap 框架和 Flat UI，但我在响应式布局中有一些意想不到的功能。我不认为问题是由 Flat UI 引起的，因为即使删除这些引用也会发生同样的事情。

我有 2 列，使用 class="span6" 的宽度均为 50%。在全屏（大显示器）下，设计看起来像我所期望的那样，但是如果我慢慢减小浏览器宽度，列会从浮动变为堆叠，然后又回到浮动，最后又回到堆叠！我希望它们保持浮动，直到屏幕宽度不够然后更改为堆叠，所以我无法理解多个更改。我在这里设置了一个小演示。

任何人都可以提供为什么会发生这种情况的任何原因吗？

谢谢！

4

1 回答 1

1

您正在为 bootstrap.css 使用 3.0.0 版本的 bootstrap，为 bootstrap-responsive.css 使用 2.3.2 版本。

Bootstrap 3.0 现在已经弃用了 CSS 中的 span*。您还需要为 bootstrap.css 下载并使用 2.3.2（如果您打算使用 span* 等）

您可以从此处获取 2.3.2 bootstrap.css ，您应该使用它并替换您正在使用的当前 3.0.0 bootstrap.css。

于 2013-09-11T13:03:46.113 回答