Bootstrap3 col-md-4 和 col-lg-4 在 IE8 上不起作用
Bootstrap3 col-md-4 and col-lg-4 not working at IE8?
我正在尝试使用 bootstrap3 开发一个响应式模板。它显示了除IE8以外的所有主要浏览器的完美结果。我已经连续创建了 3 列。但是在IE8的桌面中,它只显示1行中的1列。这意味着IE8在桌面上显示选项卡或移动版本。我已经使用了html5sive.js并在head部分中.js响应。我也运行了引导巨型示例。但结果是一样的。 这是未正确显示的代码-
特色产品
<div class="col-sm-4 col-xs-12 col-lg-4 col-md-4 ">
<div class="product">
<div class="product-img ">
<img class="img-responsive" src="img/show1.png" alt="" />
</div>
<div class="row product-description">
<div class="col-md-1 col-sm-1 col-xs-1 col-padding ">
<img class="product-logo" src="img/show1-icon.png" alt="" />
</div>
<div class="col-md-9 col-sm-9 col-xs-12 col-padding col-left-padding">
<h4>Stylish Brown Leather Shoes</h4>
<p><strong>$599</strong></p>
</div>
<div class="col-md-2 col-sm-2 col-xs-12 col-padding">
<a href=""><img class="basket" src="img/show-busket.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 col-lg-4 col-md-4 ">
<div class="product">
<div class="product-img">
<img class="img-responsive" src="img/show2.png" alt="" />
</div>
<div class="row product-description">
<div class="col-md-1 col-sm-1 col-xs-1 col-padding ">
<img class="product-logo" src="img/show2-icon.png" alt="" />
</div>
<div class="col-md-9 col-sm-9 col-xs-12 col-padding col-left-padding">
<h4>Elegant Green Wonderful Shoes</h4>
<p><strong>$599</strong></p>
</div>
<div class="col-md-2 col-sm-2 col-xs-12 col-padding">
<a href=""><img class="basket" src="img/show-busket.png" alt="" /></a>
</div>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12 col-md-4 col-lg-4 ">
<div class="product">
<div class="product-img">
<img class="img-responsive" src="img/show3.png" alt="" />
</div>
<div class="row product-description">
<div class="col-md-1 col-sm-1 col-xs-1 col-padding ">
<img class="product-logo" src="img/show3-icon.png" alt="" />
</div>
<div class="col-md-9 col-sm-9 col-xs-12 col-padding col-left-padding">
<h4>Women Cream and Beautiful Shoes</h4>
<p><strong>$599</strong></p>
</div>
<div class="col-md-2 col-sm-2 col-xs-12 col-padding ">
<a href=""><img class="basket" src="img/show-busket.png" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
我不喜欢 ie,但似乎您必须使用 ua 兼容
<meta http-equiv="X-UA-Compatible" content="IE=8,IE=EmulateIE8,IE=7,IE=EmulateIE7" />
相关文章:
- 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>.
- getElementsByTagName和getElementsByClassName在IE8中不起作用
- 导航在IE8上不起作用