Bootstrap 3 在 IE8 中不起作用（检查了其他答案）

Question

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

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

在关闭 </head> 标记之前，我的所有样式表之后也会加载它们，有什么想法可能导致我的引导程序无法在 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

Answer 2

BOOTSTRAP 的文档：

Respond.js 和跨域 CSS

将 Respond.js 与托管在不同（子）域（对于 例如，在 CDN 上）需要一些额外的设置。请参阅 Respond.js 有关详细信息的文档。

这意味着根据 Respond.js 文档设置代理或在您自己的服务器上使用相对路径托管您的 CSS，不要使用绝对路径。