boostrap兼容ie8的方法-原创手记-慕课网

最近在写一个金融平台的项目，因为要用到boostrap，所以挺高兴，觉着这玩意儿一直都挺趁手的，于是各大主流浏览器测了个遍，哎，妥妥儿的。于是就把IE这位爷爷给忘了，接着就是测试，然后就是各种不兼容，各种坑，填了一个又一个，下面对遇到的主要的大坑及解决方案做一汇总：（当然也不是原创，都也是在各大博客搜沙捡金，然后自己再填点儿）

 第一大坑：
 其实boostrap对IE9-11都支持的蛮不错的，主要是坑在了IE6-8，为什么呢？

 1. jquery版本问题：
     现在的jquery2.X版本已经不再很好的支持IE6-8了，所以，凡是用了2.几以上的最好是在IE6-8切换一下jquery版本。具体方法：
      <!--[if lt IE 9]>
             <script>jquery1.10.2版本（举例）</script>
      <![endif]-->    
  2.IE6-8不支持boostrap媒体查询，所以会出现IE8布局被横向压扁。怎么破？

     插件1：respond.js    最新版下载地址  
     这个东东主要是告诉IE6-8的浏览器，要正常的根据媒体查询渲染页面，不然给你好看！用了之后的效果就是恩，页面正常了。。。

     插件2：html5shiv.js  最新的下载地址  （复制粘贴，你懂得）         这个插件主要是保证不支持html5的浏览器变得支持，恩。。。

     插件3：boostrap-ie78  地址没找到。。。靠你们啦
     这个插件更有意思，就是要让boostrap的按钮什么的样式效果在IE6-8里边也得是正常显示，人模狗样的。。（打嘴）

     当然这些插件还是不是百分百管住IE，还得hack一下子的。。
3.meta 标签：
   这个。。。慢慢说
   标签1：<meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE" />  看这里，你会懂得更多      标签2：没了。

第二大坑：要么boostrap和那些插件全部引用CND的，要么就下载下来放在本地的css、js文件夹里！

             要么boostrap和那些插件全部引用CND的，要么就下载下来放在本地的css、js文件夹里！

             要么boostrap和那些插件全部引用CND的，要么就下载下来放在本地的css、js文件夹里！

             重要的话 ！说三遍！！！三遍！！ 三遍！

             要么就。。。你看着办

             言归正传，之后最好是把网页上传到本地服务器上再测试兼容性，不然你会吃亏的。