Bootstrap 3 在 IE8 中不工作答案

【问题标题】：Bootstrap 3 Not Working in IE8Bootstrap 3 在 IE8 中不工作
【发布时间】：2014-05-22 03:42:50
【问题描述】：

我无法让 Bootstrap 3 在我的客户的 IE8 站点上运行。我已经在网上搜索了几个小时，阅读了大量的论坛主题并提出了所有建议，但它仍然无法正常工作。我已经包含了respond.js 和html5shiv.js 并验证了它们是否被正确加载。该网站是http://www.drollyankees.com/，这是我的代码的样子：

<!DOCTYPE html>
<html lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bird Feeders &amp; Accessories | Droll Yankees</title>
    <link rel='stylesheet' id='bootstrap-css'  href='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css?ver=3.8' type='text/css' media='all' />

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- blah blah blah -->
    <script type='text/javascript' src='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js?ver=3.8'></script>
</body>
</html>

【问题讨论】：

请阅读文档：Respond.js 和跨域 CSS 将 Respond.js 与托管在不同（子）域（例如，CDN）上的 CSS 一起使用需要一些额外的设置。有关详细信息，请参阅 Respond.js 文档。 getbootstrap.com/getting-started/#browsers -- 这意味着您必须在本地托管 css 并相对链接到它。
stackoverflow.com/questions/17947182/…

标签： twitter-bootstrap-3 html5shiv respond.js

【解决方案1】：

你需要改变这个：

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

到这样的事情（使用您网站的相对路径）：

<!--[if lt IE 9]>
<script src="/path/to/your/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="/path/to/your/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

【讨论】：

为什么不能继续使用CDN？
您可以使用 CDN，但您必须进行一些额外的设置，如响应自述文件中所述：github.com/scottjehl/Respond/blob/master/… 但通过相对路径在本地包含它更简单。跨度>