Bootstrap列网格问题

时间:2014-12-19 17:16:07

标签: internet-explorer twitter-bootstrap-3 grid render

我对Bootstrap(v3.3.1)有疑问。我创建了一个包含导航栏,一行和四列的页面。它工作得很好,除了IE8。我已经附上了它在工作时的外观以及在IE8中打开它时的工作原理 - 任何帮助都将不胜感激!正如您所看到的,第2列中的文本在第3列中可见,前两列在视图中几乎缺失。在带有标签"文字"的盒子里面是使用折叠功能的简单手风琴。

我有以下图片的链接:

Working image

Not working image

- 更新 - 我的标题已经有了这一部分:

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

所以我要做的就是删除这两行,它应该有用吗?

<!--[if lt IE 9]>
<![endif]-->

1 个答案:

答案 0 :(得分:0)

Internet Explorer 8不支持媒体查询,媒体查询用于创建Bootstraps响应网格。但是,您可以使用名为Respond.js的JavaScript polyfill来添加它。

有关详细信息,请参阅http://getbootstrap.com/getting-started/#support-ie8-respondjs处的Bootstrap文档。