respond.js与引导程序3和IE8

Question

在Inernet Explorer 8有人可以告诉我为什么services page上的列宽度比他们应该是什么短？他们应该是类同的黄色突出显示以下区域：

我试图在浏览器中观看栈，并用仿真模式从内部IE11。我使用respond.js像Bootstrap docs描述。

我在做什么错？

感谢

Answer 1

有2个问题在IE8：

第一个问题：

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

这<dt>标签对IE8一个diferent大小比任何其他浏览器。 （Firefox，Chrome，Safari等）。例如在Mozilla中它有width = 45px ; height = 45px，在IE8中它有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> 

这<dd>标签具有利润率左=在Firefox中为45px，但在IE8中设置为180px。

解决了第二个问题：

添加这个到你的CSS代码：

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

我测试过这一点，它的工作原理，希望这有助于。