带有bootstrap 3和IE8的response.js

Question

在Inernet Explorer 8中，有人可以告诉我为什么服务页面上的列宽短于应有的长度吗？ 它们应类似于下面的黄色突出显示区域：

我尝试在浏览器堆栈中查看它，并在IE11中使用仿真模式。 我使用respond.js就像在描述引导文档 。

我究竟做错了什么？

谢谢

Answer 1

IE8中有2个问题：

第一个问题：

<dt>
    <i class="icon-data-consolidation"></i>
</dt>

与其他任何浏览器相比，此<dt>标记在IE8上的大小不同。 （Firefox，Chrome，Safari等）。 例如在Mozilla中它的width = 45px ; height = 45px width = 45px ; height = 45px ，在IE8中它的width = 160px ; height = 45px; width = 45px ; height = 45px width = 160px ; height = 45px; width = 160px ; height = 45px; 。 因此，由于页面中<dt>标签的宽度为160px，因此设计会崩溃。

第一个问题的解决方案：

将此添加到您的CSS代码中：

.dl-horizontal dt {
    width: 45px !important;
}

第二个问题：

<dd>
    <h5>Data Consolidation</h5>
    <p>Data from disparate systems ...</p>
</dd>

在Firefox中，此<dd>标签的margin-left = 45px，但在IE8中将其设置为180px。

第二个问题的解决方案：

将此添加到您的CSS代码中：

.dl-horizontal dd {
    margin-left: 45px !important;
}

我已经对此进行了测试，并且可以正常工作，希望对您有所帮助。