Internet Explorer中的Bootstrap 3问题

Question

我的HTML是

<div class="container">    
    <div class="row">
        <div class="col-lg-6" >
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </div>
        <div class="col-lg-4" >
            <img class="img-responsive " src="images/image1.png"></img>
        </div>
    </div>
</div>

这在chrome和firefox中完美地运行，div类里面的div并排，我在左侧获得文本，在右侧获得图像。 但是当在Internet Explorer（ie8）上测试时，具有类col-lg-6的div占据了屏幕的整个宽度，因此是具有类col-lg-4的div。

样式宽度：百分比的60％左右似乎无法被Internet Explorer识别。 但我没有明确定义容器宽度。 在bootstrap.css中，它会自动占用每个大小。

如何才能正确地在Internet Explorer上使用它。 谢谢。

Answer 1

尝试在头部使用此功能

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

Answer 2

回答这个问题已经太迟了。 现在我才遇到这个问题。 对我来说，它解决了。 尝试使用：

将.col-xs-12添加到您的响应式图像。

查看链接http://www.bootply.com/116378