bootstrap 3网格布局在IE8中不起作用

时间:2013-09-12 14:09:51

标签: twitter-bootstrap internet-explorer-8

我一直在尝试让Bootstrap 3的网格布局系统与IE8配合良好,但它不起作用。我不需要响应式布局。

为了确保我没有在我创建的HTML文件中引入一些随机错误,我继续下载了Bootstrap 3的新副本。在提取内容后,我打开了示例网格HTML文件(在/ examples / grid文件夹中),即使在官方发行版中,网格也会叠加在彼此之上,而不是跨越一行!

但奇怪的是,当我浏览IE8上的在线文档的inline forms部分时,网格布局似乎运行得很好。

2 个答案:

答案 0 :(得分:14)

根据Bootstrap 3 docs,您需要包含Respond.js才能使CSS 3媒体查询生效。希望有所帮助!

答案 1 :(得分:12)

出现的问题是对网格使用了错误的类。即使我的Windows系统的屏幕尺寸大于我的Mac书籍,我做出了错误的假设,即分辨率会相同或更高。

我在mac上开发了我的网站,并使用.col-md-类进行网格布局。但是,由于我的Win设备的分辨率较低,因此应该使用.col-xs-。因此,它似乎堆积如山。

课程:尽管您的Win系统可能有更大的屏幕,但其分辨率可能与平板电脑的分辨率一样低。