一.什么是Bootstrap?
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
二.Bootstrap的优点
1.移动设备优先
自Bootstrap3起,框架包含了贯穿于整个库的移动设备优先的样式(对移动设备友好)。
2.所有主流浏览器都支持Bootstrap
3.容易上手
只需具备html和css的基础知识,就可开始学习Bootstrap。
4.响应式设计
采用栅格布局(底层实现原理:媒体查询结合流体布局)
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源码对于前端学习非常有必要。