Javascript 引导网格在IE8中不工作
我目前正在设计一个在Chrome、FF和IE 9,10上运行良好的网站,但当我通过浏览器堆栈在IE8中查看该网站时,它呈现出可怕的效果 本组代码:Javascript 引导网格在IE8中不工作,javascript,html,css,twitter-bootstrap,internet-explorer-8,Javascript,Html,Css,Twitter Bootstrap,Internet Explorer 8,我目前正在设计一个在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">
<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 -->
寻找当地零售商
我用的是bootstrap3。我想搞砸这一切的是col lg、md等。网格不起作用
图像:
任何帮助都将是惊人的。这是我在Stack上的第一篇文章,我到处都在寻找修复方法。我在标题中包含了html5shim和respond.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标签
<meta http-equiv="X-UA-Compatible" content="IE=edge">
IE8不会重新整理媒体查询,这可能就是什么都不起作用的原因。我过去使用过的代码非常出色,如下所示:
检查非js解决方案:
这是一个网格Css补丁考虑使用
respond.js
,因为IE8不处理媒体查询。()您是否阅读了引导文档中的浏览器支持部分?包括respond.js是的,我读了文档。但我想看看我是否能修复这个网格系统?如果你看到图片,我只需要这些图片在一个正确的行。按F12,什么是文件模式列出?