Bootstrap 3 字形导致 IE8 崩溃答案

【问题标题】：Bootstrap 3 glyph causes IE8 to crashBootstrap 3 字形导致 IE8 崩溃
【发布时间】：2014-03-27 06:13:13
【问题描述】：

我有以下带有引导程序 3 的简单 HTML：

<!doctype html>
<html>
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/lib/jquery/jquery-1.10.2.js"></script>
    <script src="js/lib/bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.min.css" media="screen"/>
</head>
<body>

<div class="container">
<div class="row">
        <div class="col-md-5">
            <button type="button" class="btn btn-default btn-lg">
               <span class="glyphicon glyphicon-arrow-left"></span>Back
             </button>
        </div>
</div>
</div>
</body>
</html>

当我试图在我的电脑上打开它时，它工作正常。但是当我将它部署到服务器（AIX）时，IE8 刚刚崩溃，并再次重新加载页面 - 重新加载页面后就可以了。

然后我发现罪魁祸首是字形：

<span class="glyphicon glyphicon-arrow-left"></span>

尤其是字形箭头左。

此外，如果我将整个按钮放在容器外：

<body>      
       <button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-arrow-left"></span>Back</button>
</body>

那么它也不会崩溃。因此，似乎是字形组合放置在容器（和行）内导致 IE8 崩溃。

我在这里做了什么傻事吗？我错过了这么明显的东西吗？

提前致谢！

问候，

亚历克斯

【问题讨论】：

这个有消息吗？
是的。根据我下面的回答。

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

好的...这是我找到的：

我显然忘了包含 HTML5shiv 和 Respondjs。这些是 IE8 所必需的。
我必须在引导 css 文件之后加载这 2 个（html5shiv 和 respondjs）。对我来说，如果我将它们放在引导 css 之前，IE8 仍然会崩溃。

【讨论】：