Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,旨在使动态网页和Web应用的开发更加容易。
Bootstrap是GitHub上面被标记为“Starred”次数排名第四多的项目。Starred次数超过133,000,而分支次数超过了65,000次。
为什么要使用bootstrap框架
Bootstrap是一种前端开发框架,它由规范的css,javascript插件构成,其最大的优势是响应式布局,使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验. Bootstrap在以下方面优势比较显著
1.栅格系统
可以根据用户屏幕尺寸调整页面,使其在各个尺寸上都表现良好。实现这个功能依赖两个东西,一个是view,另一个是max-width,min-width。
2.CSS模块化
Bootstrap预先定义了很多CSS类,使用的时候直接给class赋予对应的类名即可,如text-left,text-align,.table等。最有代表性的就是btn类,Bootstrap定义了一个.bt的基础类,如果还想要其他样式可以在这个基础类上进行扩展,实现不同的视觉效果。
3.插件使用简单
Bootstrap的插件开发模式和javaScript的开发模式很相似的,先定义一个类,实现主体功能,然后是个Plugin函数,再把这个函数扩展到JQuery原型上,最后通过委托的方式给特定元素绑定事件。
但Bootstrap存在浏览器兼容问题,对IE6完全不兼容性。
相关推荐:《bootstrap教程》
作者:藏色散人
Bootstrap官网:http://getbootstrap.com/目前最受欢迎的前端UI框架,最新正式版3.x,4.x预览版正在开发中。Foun...
本篇文章带大家了解下angular中的内容投影,介绍一下单插槽内容投影、多插槽内容投影、有条件的内容投影,希望对大家有所帮助!...
作为一个JavaScript的服务端运行环境,Node.js在如今的程序开发领域中受到了越来越多的关注和应用,尤其是在Web服务和后端开发方...
本章我们给大家介绍详解HTML中相似的标签和属性的有什么区别。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。...
Angular如何进行优化?下面本篇文章给大家了解一下Angular中的性能优化,希望对大家有所帮助!本文将谈一谈 Angular 的性能优化...