深入理解Bootstrap
上QQ阅读APP看书,第一时间看更新

1.1 框架简介

Bootstrap是目前最流行的前端开发框架,由Twitter的两位前员工Mark Otto和Jacob Thornton在2010年8月份创建。它是一套基于Less的前端开发库(最新版也包含了Sass源码),提供了很多常见并常用的各种CSS和JavaScript合集,以便开发人员随时上手。目前最新版本是3.1.0。

Bootstrap内置了非常多的漂亮样式,即便是非专业的前端开发人员也能轻易使用。它秉承了一切从简的风格,使得开发人员能够毫无顾虑,放心使用,而无须担心这个div的高度、那个span的宽度等细枝末节的问题。即使没有设计师的团队,也能够使用这套框架迅速构建一个网站原型,甚至是构建一个生产环境的网站。

截止到目前,Bootstrap在Github上已经有5142个Watch、64207个Star、23019个fork,在经受了千万用户的考验之后,如今的Bootstrap已经非常强大了,其如此受欢迎的原因是:首先,Bootstrap系出名门(Twitter),代码开源,久经考验,可减少测试的工作量(站在巨人的肩膀上,我们不需要再重复“造轮子”);其次,Bootstrap的代码有着非常良好的代码规范(本书会用相当一部分章节来分析其源码),从中可以学到很多知识。所以使用Bootstrap作为前端框架创建项目,其日后代码的维护自然也会变得非常容易。

Bootstrap提供了如下重要的特性:

❏一套完整的基础CSS插件。

❏丰富的预定义样式表。

❏一组基于jQuery的JS插件集。

❏一个非常灵活的响应式(Responsive)栅格系统,并且崇尚移动先行(Mobile First)的思想。

Bootstrap默认提供了大量的插件和合集,代码非常简洁,并且易于修改,你完全可以在其基础之上修改成任何自己想要的样子。同时这也是Bootstrap真正强大的地方,这些非常不错的插件,包括对话框、下拉导航等,使得Bootstrap不但功能完善,而且十分精致,正在成为众多jQuery项目默认的设计标准。这使得工作效率得到了极大的提升。

从V3.1.0开始,Bootstrap的License授权改成了MIT协议。MIT是目前最为宽松的协议,大家可以放心地在各种商业环境中使用它。

另外,由于Bootstrap的火暴,很多贡献者围绕Bootstrap也开发了大量优秀的插件,其中最有名的就是Font Awesome。它是一套icon字体,提供了丰富的icon供你选择,最新的3.0版包含了多达369个icon图标(第9章中讲解Font Awesome)。

由于框架的发展,该框架的开发团队也逐步扩大,其中Core Team已经从2人扩展到4人了。另外,随着Sass的不断强大,Sass Team也成立了。表1-1和表1-2所示是相关成员的基本信息。

表1-1 Core Team成员

表1-2 Sass Team成员

注意

Mark Otto目前加盟了GitHub,而Jacob Thornton则加入了由Twitter的联合创始人Biz Stone和Evan Williams创立的Obvious孵化器公司。

Less是一种CSS预处理技术,它是一种动态样式语言,属于CSS预处理语言中的一种,它使用类似CSS的语法,为CSS赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。它可以在多种语言环境中使用,包括浏览器端、桌面客户端、服务端。由于本书不是专门讲解Less的书,所以在此不做过多的介绍,详情请访问Less中国官网(http://www.lesscss.net)。