首先来讲这个东西来源于大名鼎鼎的Twitter团队,其开源已经有一段时间了,并且其版本更新很快2011年11月才刚刚推出1.*版本,2012年初马上就开始了2.*。Bootstrap目标是为开发人员快速构建页面前端提供了一系列的基础设施。从Bootstrap这个名字也可以看出,开发团队的一个愿景-希望Bootstrap能成为构建一切web前端的“入口点”,“引导程序”。
笔者只所以要写这个系列的文字,基于以下两个原因:1.国内对其介绍的文章还是凤毛麟角。2.笔者自身由于长期从事后端工作,对前端的原理和实践都比较欠缺,希望这个系列的总结,既能给大家带来些许帮助也能提高自己(即笔者写这个东西,不是因为自己前端技艺多么的优秀,而是恰恰相反,因此在行文的过程中出现缺陷或者错误,也许是在所难免,也期望各位不吝指教)。
前面也讲到Bootstrap要为开发人员提供一系列的基础设施,那么具体有哪些呢?概括而言有以下4个方面:框架(Scaffolding),基础CSS,构件库(Components)和jQuery插件库。
1.框架(Scaffolding),有时候我们翻译为“脚手架”,笔者更愿意翻译为“布局”。里面主要就讨论一个页面的各个部分如何构成。包括笔者在内,我相信很多人都会重点关注“网格系统”这种布局方式。
2.基础CSS(Base CSS),里面提供了对很多页面元素(包括按钮,table,表单)排版方面的信息。
3.构建库(Components),是对很多基础页面元素组合后的应用(大抵如此)。
4.jQuery插件库,很多页面特效的实现当然离不开让我们爱恨有加的Javascript,不过自从很多js框架或者js库流行后,我们发现Javascript原来也可以写的非常优雅。而Bootstrap使用的js库就是以小巧灵活强大著称的jQuery。里面有像模式窗口,Tab标签,下拉菜单等很多效果。
很多单位都会有自己的CSS类库,当然质量可能也参差不齐。那么Bootstrap就是我们大家的,优秀的CSS类库。以上4个方面无论哪一个,你都可以将其引入你的项目,让你的项目表现的更为专业。
总体而言,Bootstrap你值得拥有。