bootstrap 3網格布局在IE8中不起作用

Question

我一直在嘗試讓Bootstrap 3的網格布局系統與IE8配合良好，但它只是不起作用。 我不需要響應式布局。

為了絕對肯定我沒有在我創建的HTML文件中引入一些隨機錯誤，我繼續下載了Bootstrap 3的新副本。在提取內容后，我打開了示例網格HTML文件（在/中示例/網格文件夾），即使在官方發行版中， 網格也會疊加在一起 ，而不是跨越一排！

但有些奇怪的是，當我瀏覽IE8上的在線文檔的內聯表單部分時，網格布局似乎工作得很好。

Answer 1

根據Bootstrap 3文檔，您需要包含Respond.js才能使CSS 3媒體查詢生效 。 希望有所幫助！

Answer 2

它出現的問題是使用錯誤的網格類。 即使我的Windows系統的屏幕尺寸大於我的Mac書籍，我做出了錯誤的假設，即分辨率會相同或更高。

我在mac上開發了我的網站，並使用.col-md-類進行網格布局。 但是，由於我的Win設備的分辨率較低，因此應該使用.col-xs- 。 因此，它似乎堆積如山。

經驗教訓：盡管您的Win系統可能有更大的屏幕，但它的分辨率可能與平板電腦的分辨率一樣低。