平面UI,Bootstrap响应式设计问题

时间:2013-09-11 12:54:03

标签: responsive-design twitter-bootstrap-3

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

我有2列,使用class =“span6”都是50%宽度。在全屏(大显示器)设计看起来我会期待,但如果我慢慢减少我的浏览器宽度,列从浮动到堆叠,然后回到浮动,然后最终再次回到堆叠!我希望它们保持浮动,直到屏幕宽度不够,然后更改为堆叠,所以我无法理解多个更改。我已经设置了little demo here

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

谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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