五，Bootstrap框架
1）Bootstrap框架：提高web开发效率
a）Bootstrap简介：当前最流行的前端ul框架（有预制界面组件），Bootstrap是最受欢迎的HTML、CSS和JS框架，用于用于开发响应式布局、移动设备优先的web项目
i. Bootstrap，来自twitt，是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的，它简洁灵活，使得web开发更加快捷。
ii. Bootstrap是基于HTML、CSS开发的，它在jQuery的基础
上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件
b）为什么使用Bootstrap：
i.有自己的生态圈，不断地更新迭代
ii.提供一套简洁，直观，强悍的组件
iii.标准化的HTML+CSS编码规范
iv.让开发更简单，提高了开发效率
v.可以进行自定义扩展
c）Bootstrap的版本了解
i. 2.x.x :兼容性好/代码不都简洁，功能不够完善
ii. 3.x.x :稳定性较好，放弃了IE6-IE7，对IE8的支持一般，偏向于xia响应式布局开发，移动设备优先的web项目开发开发
iii. 4.x.x :测试阶段，偏向于响应式，移动设备
Internet Explorer 8和9
Internet Explorer 8和9是被支持的，然而，很多CSS属性和HTML5元素---例如，圆形矩形和投影---是肯定不被支持的。另外， Internet Explorer 8和需要Respond.js配合才能实现对媒体查询（media query）的支持。
| Feature | Internet Explorer 8 | Internet Explorer 9 |
| border-radius | 不支持 | 支持 |
| box-shadow | 不支持 | 支持 |
| transform | 不支持 | 支持 |
| transition | 不支持 | |
| placeholder | 不支持 |
Internet Explorer 8与Respond.js
在开发环境和生产（线上）环境需要支持 Internet Explorer 8时，需要注意以下jing警告：
1.Respond.js与跨域（cross-domain）CSS的问题
如果Respond.js和CSS文件被放在不同的域名下面（例如，使用CDN）时需要一些额外的设置。详细请参考Respond.js
获取详细信息。
2.Respond.js与file://协议
由于浏览器的安全机制，Respond.js不能通过file://协议（打开本地HTML文件所用的协议）访问的页面上发挥正常的功能功能。如果需要测试IE8下面的响应式特性，务必通过http协议访问页面（例如搭建apache、 nginx）。详细请参考Respond.js
获取详细信息。
3.Respond.js与@import指令
Respond.js不支持通过@import指令所引入的CSS文件。例如，Drupal一般被配置为通过@import指令引入CSS文件，Respon.js对其无法起到作用。详细请参考Respond.js获取详细信息。
IE兼容模式
Bootstrap不支持IE古老的兼容模式。为了让IE浏览器运行最新的渲染模式下，建议将此<meta>标签加入到你的页面中：
按F12打开IE的调试工具，就可以看到IE当前的渲染mo's模式是什么。
此metabiao标签被包含在了所有Bootstrap文档和实例页面中，为的就是在每个被支持的IE版本中拥有最好的绘制效果。
国产浏览器高速模式
国产浏览器厂商一般都支持兼容模式（即IE内核）和告诉模式（即webkit内核），但不是所有国产浏览器都默认使用兼容模式，这就这就造成了由于低版本IE（IE8一下）内核让基于Boostrap构建的网站展示效果糟糕的情况。
将下面的<meta>标签加入到页面中，可以让部分国产浏览器默认采用高速模式渲染页面：
