启动网格在IE8中不起作用
Bootstrap Grid not working in IE8
我目前正在设计一个在Chrome、FF上运行良好的网站;IE 9,10,但当我通过浏览器堆栈在IE8中查看网站时,它渲染得很糟糕。
本节代码:
<div id="retail_locate" class="container">
<div class="row">
<div id="retail_btn" class="col-md-4 text-center hidden-sm hidden-xs">
<button type="button" class="btn btn-default"><span class="btn-text">Find A Local Retailer</span><span class="icon-map-marker"></span></button>
</div>
<div class="col-lg-8 text-center">
<div class="row">
<br>
<div class="col-md-4 col-sm-4 col-xs-6 ">
<img class="img-responsive shadow" src="images/retailers/retail1.jpg">
</div>
<div class="col-md-4 col-sm-4 col-xs-6">
<img class="img-responsive shadow" src="images/retailers/retail2.jpg">
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
<img class="img-responsive shadow" src="images/retailers/retail3.jpg">
</div>
</div>
<br />
<div class="row hidden-sm hidden-xs">
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail4.jpg">
</div>
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail5.jpg">
</div>
<div class="col-md-4">
<img class="img-responsive shadow" src="images/retailers/retail6.jpg">
</div>
</div>
<br />
</div>
</div>
</div><!-- .container -->
我正在使用Bootstrap 3。我认为搞砸的是col-lg、md等。网格无效。
图片:https://i.stack.imgur.com/2LfYp.pnghttps://i.stack.imgur.com/KjFAp.png
任何帮助都将是惊人的。这是我在Stack上的第一篇文章,我到处寻找修复程序。我在标题中包含了html5shim和responsed.js。
<!--[if lt IE 9]>
<script src="js/html5shiv/dist/html5shiv.js"></script>
<script src="js/dest/respond.min.js"></script>
<![endif]-->
我更改了doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
甚至添加了元标签
<meta http-equiv="X-UA-Compatible" content="IE=edge">
IE8不会重新获取媒体查询,这可能就是为什么什么都不起作用的原因。我过去使用过的代码非常棒,它是这样的:
https://code.google.com/p/css3-mediaqueries-js/
检查非js解决方案:
https://github.com/dizzyn/bootstrap-grid-desktop-first
这是一个网格Css补丁
相关文章:
- Recaptcha在IE7和IE8中不起作用
- 在IE8中不起作用的元素上触发单击事件
- 数据-在IE8中不起作用
- getComputedStyle替换:currentStyle(IE8/7)不起作用
- IE8 jquery ajax头请求不起作用
- 显示隐藏的html表在javascript(IE8)中不起作用
- ScriptX 打印功能在 IE8 中不起作用
- Angularjs 跨源资源共享 (CORS) 发布或放置方法在 IE8 和 IE9 中不起作用
- ExtJs 5.0:forEach on Array of Objects在IE8中不起作用
- 将JSON对象转换为敲除observable在IE8中不起作用,但在所有其他浏览器中都起作用
- 聚焦函数在ie8中不起作用
- 启动网格在IE8中不起作用
- Svg标签在IE8中不起作用
- Twitter引导程序示例在IE8中不起作用
- 引导程序3在IE8中不起作用(已检查其他答案)
- IE8的Javascript占位符不起作用
- Javascript中的开关案例在IE8中不起作用
- 如果我添加 pageX 页面 Y 在 IE8 中不起作用<!文档类型 html>.
- $.getScript 不起作用 (IE8)
- 点击事件不起作用IE8