新手必看！Bootstrap前端框架——基础介绍篇

一.什么是Bootstrap？   

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

  

二.Bootstrap的优点

    1.移动设备优先

         自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式（对移动设备友好）。

      2.所有主流浏览器都支持Bootstrap

     3.容易上手

         只需具备html和css的基础知识，就可开始学习Bootstrap。

      4.响应式设计

        采用栅格布局（底层实现原理：媒体查询结合流体布局）

      5.JavaScript插件（交互）

         Bootstrap 的JavaScript插件非常丰富，既可以用现成的也可以自己扩充，Bootstrap提供了一个集成板的Bootstrap.js您可以直接拿过来使用也可以单个使用引入*.js即可。

        JS插件优秀的地方在于，哪怕是不懂JS的开发人员也可以使用，只要按照官方文档提供的格式写即可，比如模态框，您只要按要求设置好class，data-toggle，data-target即可，一句JS都不用写，很方便。

       

三. 不足：

      对IE兼容也存在不小的问题，BT将所有的元素盒模型都设置成了border-box，这是IE混杂模式下的盒模型，光这点就导致了不能兼容IE。此外还用到了大量的H5标签以及CSS3语法，这些语法标签兼容性方面同样存在不小的问题，当然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。

        BT对IE6，7的兼容性肯定不好，对IE8的支持也需要一些额外的文件。

        IE8的媒体查询需要response.js的配合才能实现

        BT 不支持 IE 古老的兼容模式。为了让 IE 浏览器运行最新的渲染模式下，建议将此 <meta> 标签加入到你的页面中：

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        按 F12 键打开 IE 的调试工具，就可以看到 IE 当前的渲染模式是什么。

四.总结：

        BT属于前端UI库，可以快速搭建前端页面，还可以使用less、saas等重新设计组件，比较适合前端一般的后端工程师，大中型企业用的不多。BT源码对于前端学习非常有必要。