javascript - Bootstrap 3 在 IE8 中不工作(检查其他答案)

Question

我已经看到了关于这个主题的其他堆栈溢出问题，并确保我已经遵循了这些答案，但不幸的是它仍然无法正常工作。

我有一个 bootstrap 3 主题，它在除 ie8 之外的所有浏览器中看起来都不错。我在我的托管帐户(所有其他 CSS 所在的位置)中包含了 respond.min.js 和 html5shiv.js，在 IE8 中我实际上可以看到这些文件，因此正在加载脚本。

它们也在我的所有样式表结束前加载 </head>标记，知道是什么导致我的 Bootstrap 无法在 IE8 上运行吗？看起来所有媒体查询都在工作，除了那些指定列宽的媒体查询。

我真的希望我能深入研究这一点，这是一个简单的修复，但它发生在我的另一个 bootstrap 3 站点上，在此先感谢。

<link href="http://alexn.co.uk/Lemans/css/bootstrap.css" rel="stylesheet" media="screen">
<link href="http://alexn.co.uk/Lemans/css/append.css" rel="stylesheet" media="screen">
<link href="http://alexn.co.uk/Lemans/css/font.css" rel="stylesheet" media="screen">
<link href='http://fonts.googleapis.com/css?family=Signika:400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://alexn.co.uk/Lemans/js/bootstrap.min.js"></script>

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="http://alexn.co.uk/Lemans/js/html5shiv.js"></script>
    <script src="http://alexn.co.uk/Lemans/js/respond.min.js"></script>
  <![endif]-->

可以在以下位置找到该站点的实时链接 http://lemansfitness.co.uk

我应该指出，我在 tumblr 上托管了所有这些内容。

Answer 1

我刚遇到类似的问题。事实证明，缩小的 Bootstrap 3 css 不能很好地与 Respond.js 1.4 配合使用。相反，您必须使用早期版本的 Respond.js(1.3 似乎适合我)。

当然，您还必须遵循 Bootstrap docs 中规定的所有步骤.简而言之:

• 使用响应js和shiv
• 不使用 CDN，只使用本地托管的文件
• 不要使用@import 或 file://

这是错误的另一个描述和简短的测试标记 https://gist.github.com/outlast/8602357