Bootstrap 3在IE8中不起作用

时间:2014-01-16 21:29:53

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

我无法在IE8中的客户端网站上运行Bootstrap 3。我已经在网上搜了几个小时阅读大量的论坛帖子并做了所有的建议,但它仍然无法正常工作。我已添加respond.jshtml5shiv.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>

1 个答案:

答案 0 :(得分: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]-->