bootstrap2使用时兼容问题的解决

在文档的前面加入以下代码：（注意修改文件的路径）

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- jquery,必须第一个加载 -->
<script src="jquery-1.7.2.min.js"></script>

<!--***********************兼容区*************************-->
<!--[if IE 7]>
<link href="font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<link href="bootstrap-ie78.css" rel="stylesheet" type="text/css" />
<script src="respond.src.js" type="text/javascript"></script>   
<script src="html5.js" type="text/javascript"></script>
<![endif]-->
<script src="bootstrap.min.js"></script>
 <link rel="stylesheet" href="bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="bootstrap-responsive.min.css" rel="stylesheet" />

代码片中出现的文件点击此链接下载：http://download.csdn.net/download/qq_30152271/9087627