bootstrap 3网格布局在IE8中不起作用答案

【问题标题】：bootstrap 3 grid layout not working in IE8bootstrap 3网格布局在IE8中不起作用
【发布时间】：2013-10-21 11:18:47
【问题描述】：

我一直在尝试让 Bootstrap 3 的网格布局系统与 IE8 一起工作，但它就是行不通。我不需要响应式布局。

为了确保我没有在我创建的 HTML 文件中引入一些随机错误，我继续下载了 Bootstrap 3 的新副本。提取内容后，我打开了示例网格 HTML 文件 (在 /examples/grid 文件夹中），你瞧，即使在官方发行版中，网格看起来也是堆叠在一起的，而不是跨越一行！

但奇怪的是，当我在 IE8 上浏览到在线文档的 inline forms 部分时，网格布局似乎工作得很好。

【问题讨论】：

【解决方案1】：

根据Bootstrap 3 docs，您需要包含Respond.js 才能使CSS 3 媒体查询正常工作。希望对您有所帮助！

【讨论】：

【解决方案2】：

出现的问题是为网格使用了错误的类。即使我的 Windows 系统的屏幕尺寸比我的 Mac book 的大，我还是错误地假设分辨率会相同或更高。

我在 mac 上开发了我的网站，并使用.col-md- 类进行网格布局。但是，由于我的 Win 设备的分辨率较低，所以应该使用 .col-xs-。因此，它看起来是堆叠的。

经验教训：即使你的 Win 系统可能有更大的屏幕，它的分辨率也可能和平板电脑一样低。

【讨论】：

这不是一个解决方案，在我的情况下，我希望 xs 被堆叠并且大的要向左浮动，所以我有一个 col-md-3 和 col-xs-12。 IE8 中的问题是，当 Chrome 或 Firefox 显示 3 列层（这是想要的）时，全屏显示 col-md-3 堆叠。
对于 div#row 它正在工作。但是对于容器中的 pull-left 或 pull-right 似乎它失去了边距和填充 ....