使用 Bootstrap 的 11 大理由

标签: bootstrap 大理 | 发表时间:2013-08-01 10:48 | 作者:
出处:http://www.iteye.com

Bootstrap,作为创新技术框架,使开发者、设计者更容易、更快捷、更出色地完成网站及应用的搭建工作。如果你还没有使用Twitter Bootstrap,建议你去了解一下。Bootstrap为开发者提供了众多工具。

项目地址: http://twitter.github.io/bootstrap/

国内镜像地址: https://code.csdn.net/OS_Mirror/bootstrap

 

Bootstrap之所以广泛流行,其深受欢迎的原因是什么呢?

1.节省时间

利用Bootstrap,你将有更多的时间用来挣钱。Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力。Web开发者不必再花费时间、费力地编码,只需找到合适的代码,插入到合适位置即可。此外,CSS利用LESS编写,很多样式和设计都已设计完成。

2.定制化

Bootstrap很重要的一方面就是你可以将它据为己有。你可以留取框架中需要的部分,抛弃不需要的。Bootstrap整体允许你根据自己的需要,裁剪自己开发的项目。

Bootstrap 定制工具集锦: http://www.iteye.com/news/28092

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源文件。(编译/陈秋歌 审校/夏梦竹)

原文来自: sitepoint



感谢 chenqiuge1984 投递这篇资讯

资讯来源: CSDN

已有 3 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [bootstrap 大理] 推荐:

使用 Bootstrap 的 11 大理由

- - ITeye资讯频道
Bootstrap,作为创新技术框架,使开发者、设计者更容易、更快捷、更出色地完成网站及应用的搭建工作. 如果你还没有使用Twitter Bootstrap,建议你去了解一下. Bootstrap为开发者提供了众多工具. 项目地址: http://twitter.github.io/bootstrap/.

[原]Bootstrap,Bagging,Boosting

- - 狮子座明仔知识集散场
Bootstrap(自助法). Bootstrap,即“自助法”,是用小样本来估计大样本的统计方法. 子样本之于样本,可以类比样本之于总体. 你要统计你们小区里男女比例,可是你全部知道整个小区的人分别是男还是女很麻烦对吧. 于是你搬了个板凳坐在小区门口,花了十五分钟去数,准备了200张小纸条,有一个男的走过去,你就拿出一个小纸条写上“M”,有一个女的过去你就写一个“S”.

Bootstrap,网站模板,bootstrap模板

- - CSDN博客Web前端推荐文章
日期:2013-3-31  来源: GBin1.com. Charisma是一套全功能的,免费,会员质量的响应式HTML5管理员界面模板,基于 "Bootstrap",拥有了9套不同的主题颜色内容,可以满足你的不同需要. 完全响应式,针对了移动设备和触摸设备优化. 基于bootstrap,同时也支持jQuery UI.

向Twitter Bootstrap 学习什么?

- junyu - 知乎的博客
什么是 Twitter Bootstrap. Twitter 有一位风格清新的设计师 Mark Otto(此人之前在 Zurb)[1],他负责了很多 Twitter 非前台的页面设计,比如 Dev、Support 和 Promoted Products 的设计. 去年,Mark 在自己网站发布了一套基于 Less [2] 框架的工具合集(mixins)—— Bootstrap.less [3],方便前端开发(静态部分).

BootStrap入门教程 (三)

- - 博客园_首页
      上讲回顾:Bootstrap的基础CSS(Base CSS)提供了优雅,一致的多种基础Html页面要素,包括排版,表格,表单,按钮等,能够满足前端工程师的基本要素需求.       Bootstrap作为完整的前端工具集,内建了大量的强大优雅可重用的组件,包括按钮(Button),导航(Navigation),标签(Labels),徽章(Badges),排版(Typography),缩略图( thumbnails),提醒(Alert),进度条(progress bar),杂项(Miscellaneous).

BootStrap入门教程 (二)

- - 博客园_首页
        上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统.       基于手脚架(Scaffolding)之上,Bootstrap的基础CSS(Base CSS)提供了一系列的基础Html页面要素,旨在为用户提供新鲜、一致的页面外观和感觉.

BootStrap入门教程 (一)

- - 博客园_首页
     2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集-- BootStrap. Bootstrap由 MARK OTTO和 Jacob Thornton所设计和建立,在 github上开源之后,迅速成为该站上最多人 watch& fork的项目.

【外刊IT评论网】Twitter Bootstrap

- - 外刊IT评论网
Bootstrap是一个基于HTML,CSS,JAVASCRIPT的简洁灵活的. 它目前是GitHub 上最火的一个项目. 美国国家航空航天局和美国MSNBC有线新闻频道都使用了它. 本文的作者是Bootstrap的创始人之一. 我并不认为从开发Bootstrap框架中学到了任何东西. 事实上,我非常确信,我不会学到任何东西.

这正在 Bootstrap 化的世界

- - 萝卜网
一、无处不在的 Bootstrap. 你是否见过这样蓝色的光泽效果的文本框. 如果你对以上任何一个问题的回答是「是」的话,或者,或者你见过这种风格的其他元素的话,那么,恭喜您,你也见过 Bootstrap 了. 二、伟大的 Bootstrap. 来自 Twitter 的 Bootstrap 项目是 Twitter 开发的一套设计框架.

免费的响应式Bootstrap模板 - Codester

- - CSDN博客推荐文章
日期:2013-3-3  来源: GBin1.com. Codester是一个基本的个人作品集 Bootstrap模板,帮助设计师,摄影师,图形艺术工作者搭建高度可定制的网站. 拥有自定义包和相关的javascript,css和组件,相信大家肯定喜欢. 兼容各种移动和触摸设备屏幕尺寸. 拥有来自 Template Monster的add-on.