让Bootstrap 3支持IE6、7、8
如果你的HTML编码符合HTML5的规范，那么直接引用下面的代码就好了。这些代码应该放在所有CSS代码加载之后。
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
但是这样简单引用之后常常会不起作用。你还需要做下面的操作。
- 为Bootstrap 3引用V1.11.2的JQuery库。因为最新的V2.0不再支持老的IE。V1一直到2015年还在更新，只是新特性越来越少。
- 使用Bootstrap 3.0.1版本附带的bootstrap.min.js库，该库版本号为V2.0。更新版本的Bootstrap JS库对老的IE也不友好。
除此之外，记得检查你的HTML文件头。XHTML流行时期，它一般是这样写的：
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
No! No! No! 你现在完全不应该这样写了，否则respond.js将没有办法工作。实际上现代浏览器也都不喜欢这样的HTML文件头了。
你应该改成如下形式：
<!DOCTYPE html>
<html>
好清爽的感觉！
此外，你还应该注意respond.js和html5shiv.js不支持本地调试。你必须把他们置于服务端，通过Apache/IIS/Nginx解释之后，他们才会生效。
为了适应IE兼容模式，和国内普遍流行的双核浏览器（Chrome+IE），你还可以加上下面的meta标签：
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
引用：http://blog.csdn.net/chenhongwu666/article/details/41513901
发表评论