在Inernet Explorer 8中，有人可以告诉我为什么services page 的列宽比应有的短吗？它们应该类似于下面的黄色突出显示区域：
我尝试在浏览器堆栈中查看它并在 IE11 中使用仿真模式。我正在使用 respond.js，如 Bootstrap docs 中所述。
我做错了什么？
谢谢
【问题讨论】：
标签： twitter-bootstrap internet-explorer internet-explorer-8 twitter-bootstrap-3 respond-to
IE8存在2个问题：
第一个问题：
<dt>
<i class="icon-data-consolidation"></i>
</dt>
这个<dt> 标签在IE8 上的大小与任何其他浏览器不同。 （Firefox、Chrome、Safari 等）。例如，在 Mozilla 中它有 width = 45px ; height = 45px，而在 IE8 中它有 width = 160px ; height = 45px;。因此，由于页面中 <dt> 标记的宽度为 160 像素，您的设计会崩溃。
第一个问题的解决方案：
将此添加到您的 css 代码中：
.dl-horizontal dt {
width: 45px !important;
}
第二个问题：
<dd>
<h5>Data Consolidation</h5>
<p>Data from disparate systems ...</p>
</dd>
这个<dd> 标签在 Firefox 中的 margin-left = 45px，但在 IE8 中设置为 180px。
第二个问题的解决方案：
将此添加到您的 css 代码中：
.dl-horizontal dd {
margin-left: 45px !important;
}
我已经测试过了，它可以工作，希望对你有帮助。
【讨论】：
important