问题: IE8 仅考虑我的带有 col-x 类的网格布局。我发现了一个相关/类似的问题IE8 issue with Twitter Bootstrap 3 wrt Respond.js 和 htm5shiv。我已经尝试了所有可能的组合，但 IE8 仍然忽略我的 col-sm、col-md 和 col-lg 类(媒体标签？)。
这是我的演示 HTML 代码，它不起作用:
{% load staticfiles i18n %}
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
<link href="{{ STATIC_URL }}css/test.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="{{ STATIC_URL }}js/html5shiv.min.js"></script>
<script src="{{ STATIC_URL }}js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class= "row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 yellow">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 green">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 red">
</div>
</div>
</div>
{{STATIC_URL}} 仅指向我的本地静态目录。
这是CSS:
.yellow{
background-color: yellow;
height: 100px;
border: 2px solid black;}
.green{
background-color: green;
height: 100px;
border: 2px solid black;}
.red{
background-color: red;
height: 100px;
border: 2px solid black;}
我已验证 JS 和 CSS 文件已在 IE8 中加载。 我正在使用
- Bootstrap 3.1.0
- html5shiv 3.7.0
- 回复(最新版本 2014 年 2 月 - 构建 3fde2627484f8cb38e2bd4dbf2374cf41184b0f4)
我做错了什么？为什么 IE8 不使用我的 col-lg col-md 和 col-sm 类？
谢谢!
最佳答案
我发现了问题。不知何故，我的 respond.js 副本已损坏。使用 Github 的最新版本，现在一切都按预期运行。
关于javascript - Bootstrap3 在 IE8 中忽略 col-lg col-md 和 col-sm，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21787371/