Twitter Bootstrap响应式布局在IE8或更低版本中不起作用
我使用twitter bootstrap开发了一个站点，IE8及以下版本的所有IE浏览器似乎都响应了布局部分。 这只是不支持这些浏览器？
为了支持IE 8及以下版本的@media查询，请查看
css3-mediaqueries-js 。
Wouter van der Graaf的 css3-mediaqueries.js是一个JavaScript库，用于使IE 5+，Firefox 1+和Safari 2透明地parsing，testing和应用CSS3 Media Queries。 Firefox 3.5+，Opera 7+，Safari 3+和Chrome已经提供本地支持。
PS：我用这个插件使用Twitter Bootstrap ，效果真棒！ 希望这可以帮助！ 🙂
如果你想有更好的performance，你的结构不是太复杂。
你可以试试Respond.JS
来自作者：
这不是那里唯一的CSS3媒体查询填充脚本; 但这该死的可能是最快的。
如果您正在寻找更强大的CSS3媒体查询支持，您可以查看http://code.google.com/p/css3-mediaqueries-js/ 。 在testing中，我发现在渲染复杂的响应式devise（文件大小和性能）时脚本显着慢，但它确实支持比此脚本更多的媒体查询function。 给作者的大帽子提示！ 🙂
这些是我采取的步骤来实现这个工作：
看一下IE8中的response.js演示页面：
https://rawgithub.com/scottjehl/Respond/master/test/test.html
通过将response.js下载到您的供应商/资产或类似的地方，它可以在本地工作。
禁用您的本地引导，并尝试在您的CSS：
/*styles for 800px and up @ 16px!*/ @media screen and (min-width: 50em){ body { background: blue; } }
有用！
因为我正在使用cdn，所以我需要下载并在本地托pipe它：
http://getbootstrap.com/getting-started/#download
所以，它适用于这些：
= stylesheet_link_tag 'bootstrap.min.css' = stylesheet_link_tag 'bootstrap-theme.min.css' = stylesheet_link_tag 'my-css' = javascript_include_tag 'respond.min'
您还需要摆脱任何@import声明。
我已经尝试了上述所有的方法，而且工作起来非常缓慢。 我提供下一个方法。 我们应该分解包含@media的css文件，并将每个规则插入单独的文件中。 然后我们应该有条件地上传每个文件，这取决于浏览器的屏幕宽度。 所有这些操作都将执行脚本cload.js。 下载cload.js并阅读如何使用它，你可以在这里
你应该都读这个论坛post 。
它非常清楚地解释了IE和Twitter Bootstrap之间的挑战。 它也给你实际的解决scheme。
引用：
这里的问题是在http://twitter.github.com/bootstrap/这样的官方网页上，它宣称可以在所有的浏览器上工作，甚至是IE7。; 从理论上讲，这是可以的，但是在开发的时候，必须围绕一定的思维进行devise和开发。
