从bootstrap.CSS创建非响应CSS
由于IEBootstrap3和媒体查询不支持-ie7。即使您使用任何polyfill，比如Respond.js，也可以让IE6-8响应媒体查询。但是bootstrap-3.0是针对mobilefirst设计方法的，它不支持ie7。但是，如果您在媒体查询之外定义所有实际设计，那么一切都应该很好。它将在所有浏览器上运行。如果你真的想支持ie7，那么就使用bootstrap 2* 在html中使用条件语句，如下所示：从bootstrap.CSS创建非响应CSS,css,twitter-bootstrap,responsive-design,media-queries,Css,Twitter Bootstrap,Responsive Design,Media Queries,由于IEBootstrap3和媒体查询不支持-ie7。即使您使用任何polyfill，比如Respond.js，也可以让IE6-8响应媒体查询。但是bootstrap-3.0是针对mobilefirst设计方法的，它不支持ie7。但是，如果您在媒体查询之外定义所有实际设计，那么一切都应该很好。它将在所有浏览器上运行。如果你真的想支持ie7，那么就使用bootstrap 2* 在html中使用条件语句，如下所示： <!DOCTYPE html> <!--[if lt IE 7]&
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
或者，要让媒体查询在ie6-8上运行，使用条件注释为IE添加类似乎是太多的工作了，因为我必须从Bootstrap重新定义所有样式。Aa Bootstrap 3首先是移动的，标准css针对小型设备进行了优化，但扩展到整个屏幕。我也尝试过respond.js和css-mediaquerys.js，但都不起作用。既不使用CDN中的CSS，也不使用本地文件。@JohannesTrümpelmann您不需要重新定义任何内容。几乎所有用bootstrap编写的css都独立于其他组件。您必须在媒体查询之外的所有浏览器上编写标准css，然后在css文件的“媒体查询”下的页面下对其进行修改。@JohannesTrümpelmann检查我的更新答案。如果您使用的是bootstrap 2.*，您可以开箱即用地支持ie7/8，如果使用的是bootstrap 3.0，它不支持IE7@JohannesTrümpelmann在看了你编辑的问题后，我修改了我的答案。请阅读。
.lt-ie9 .btn-nav
{
//for ie 8 only, change following.
margin: 0;
display: inline-block;
}
.lt-ie8 .btn-nav{
// for ie 7
background: white;
}