Bootstrap,做为创新技术框架,使开发者、设计者更容易、更快捷、更出色地完成网站及应用的搭建工做。若是你尚未使用Twitter Bootstrap,建议你去了解一下。Bootstrap为开发者提供了众多工具。 前端
Bootstrap之因此普遍流行,其深受欢迎的缘由是什么呢? git
1.节省时间 github
利用Bootstrap,你将有更多的时间用来挣钱。Bootstrap库中包含不少现成的代码片断,这些代码可为你的网站增长更多活力。Web开发者没必要再花费时间、费力地编码,只需找到合适的代码,插入到合适位置便可。此外,CSS利用LESS编写,不少样式和设计都已设计完成。 bootstrap
2.定制化 浏览器
Bootstrap很重要的一方面就是你能够将它据为己有。你能够留取框架中须要的部分,抛弃不须要的。Bootstrap总体容许你根据本身的须要,裁剪本身开发的项目。 架构
3.设计方面的因素 框架
网格系统 模块化
对页面进行布局时,每每须要有一个合适的网格。你不必定使用该平台的网格,但它确实能大大下降你工做的难度。默认模式下,该平台提供一个16列的网格(宽为960px)。每列宽40px,每列左右两侧具备10px的间隙,各网格最外侧均留出20px的空白。你能够根据须要改变行数与间隔大小。样式已开发完成,开发者只须要把合适的代码放入HTML合适的位置便可。 工具
LESS 布局
LESS在开发周期内应用很广。它是一种基于CSS之上的高级语言,其目的是使得CSS开发更灵活和更强大。你能够利用LESS的Mixins及CSS操做定制内嵌网格。Bootstrap采用了大量流行的CSS3功能,能够对全部的网站提供统一的浏览体验。
JavaScript
Bootstrap提供JavaScript库,该库超越了基本的架构与样式。经过Bootstrap,开发者可轻易地操做窗口警告框、工具提示框、滚动条、按钮等。Bootstrap最突出之处是,它可让你没必要再费神费力地写脚本。
4.一致性
Twitter当初开发该工具的最主要缘由是,开发者所开发项目在不一样浏览器间的不一致性。这就致使了不少前端开发与最终用户界面之间的问题。Bootstrap保证了界面在不一样平台上的统一性。在IE、Chrome及Firefox中,你能够看到统一的界面。
5.保持持续更新
以jQuery 的UI为例:每年更新一次。而Bootstrap则在不停地改进,更具规律性与持续性。Web开发者一发现新问题, Bootstrap团队便马上着手修复它。
6.易于集成
若是你想进一步完善一个已完成的网站,Bootstrap能够帮助你。例如,若是你要统一使用本身编写的表格样式,你要作的是把你的样式复制到CSS样式文件中。Bootstrap将当即剔除它自己的样式,在这里,你须要将该文件与Twitter进行关联。集成的过程十分简单、方便、快捷。完成以后,你即可以把你的设计应用到你的核心内容上。
7.响应式
Bootstrap为响应式框架。不管你的开发工做从笔记本转移到iPad,仍是从iPad转移到Mac上,你都不用为你的工做而苦恼。由于Bootstrap能以超快的速递与效率适应不一样平台间的差别。
8.对将来技术具备兼容性
Bootstrap包含不少特殊元素,如HTML5和CSS3,这些元素被称为设计的将来。由于该框架考虑到设计和开发的将来,它颇有潜力成为将来几年里Web开发者的参考标准。
9.竞争力
Bootstrap并非惟一的前端开发框架,好比还有JQuery UI、HTML5 Boilerplate等等。但对于Bootstrap来讲,真正的竞争对手是Zurb Foundation。Bootstrap 2新增长了一个工具集,Foundation通过好长时间才填补上。Bootstrap包含大量的第三方插件、主题、功能特性、代码等等,而Foundation并不具有这些。
10.详尽的说明文档
Bootstrap的文档至关精彩。大部分新平台每每没有合适的说明文档,而Bootstrap的说明文档大大帮助了咱们的入门学习。经过文档能够找到咱们须要的全部信息。
11.让老板们受益
学习Bootstrap,并不会花费你太多时间,由于它将全部的模块化方法与体系结构封装在了一块儿。从老板的角度来看,若是你为Web开发者提供了Bootstrap框架,那么他们会节省更多的学习时间,并快速投入到工做中。这会为老板们带来更好的收益。
若是你以为Bootstrap确实对你有帮助,你能够访问twitter.github.com/bootstrap/查看该框架。你也能够下载编译版本,或获取包含CSS和JavaScript文档的Bootstrap源文件。