Twitter bootstrap 引导3网格布局在IE8中不起作用

我一直在努力使Bootstrap3的网格布局系统与IE8配合良好，但它就是不起作用。我不需要任何响应性布局

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

---

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

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

我在mac上开发了我的站点，并使用

.col md-

类进行网格布局。但是，由于Win设备的分辨率较低，因此应使用

.col xs-

。因此，它看起来是堆叠的

---

教训：尽管您的Win系统可能有一个更大的屏幕，但它的分辨率可能与平板电脑一样低。

根据您需要包括的，以便让CSS 3媒体查询正常工作。希望有帮助

您是否包括respond.js？媒体查询必须在IE 8中工作。@Pavlo

respond.js

默认包含在官方发行版示例文件中。确实如此。浏览器控制台中可能有一些错误？尝试键入

respond

以查看链接是否正确。实际上，默认情况下包含

respond.js

。正如我所提到的，问题在于使用了错误的类。我选择性地包含了我从引导中使用的内容，所以这正是我所需要的。这不是一个解决方案，在我的例子中，我希望xs是堆叠的，大的是向左浮动的，所以我有一个col-md-3和col-xs-12。IE8中的问题是，当Chrome或Firefox显示3列层（这是所需要的）时，全屏显示col-md-3堆叠。对于div#row，它工作正常。但对于容器中的向左或向右拖动，它似乎失去了边距和填充。。。。