gpt4 book ai didi

javascript - Bootstrap3 col-md-4 和 col-lg-4 在 IE8 下不工作?

转载 作者:可可西里 更新时间:2023-11-01 13:35:00 26 4
gpt4 key购买 nike

我正在尝试使用 bootstrap3 开发响应式模板。它对除 IE8 以外的所有主要浏览器都显示完美的结果。我连续创建了 3 个列。但在 IE8 的桌面上,它只显示 1 行中的 1 列。这意味着 IE8 在桌面上显示选项卡或移动版本。我在 head 部分使用了 html5sive.js 和 respond.js。我还运行了 bootstrap jumborton 示例。但同样的结果。这是未正确显示的代码-

特色产品

        <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-compatible

<meta http-equiv="X-UA-Compatible" content="IE=8,IE=EmulateIE8,IE=7,IE=EmulateIE7" />

关于javascript - Bootstrap3 col-md-4 和 col-lg-4 在 IE8 下不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19034773/

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