gpt4 book ai didi

javascript - Bootstrap3 在 IE8 中忽略 col-lg col-md 和 col-sm

转载 作者:行者123 更新时间:2023-11-28 01:33:43 26 4
gpt4 key购买 nike

问题: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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com