codecamp

为什么选择 Bootstrap

Bootstrap所涉及的应用范围到底有多广?Bootstrap是否真的很实用?关于这两方面的问题,网络上曾展开过激烈的争论。Bootstrap对于设计能力不强,也没有太多的时间去设计前端界面的用户来说,价值是巨大的。Bootstrap的目的是帮助开发人员快速开发原型,避免用户经常从零开始绘制白底黑边的裸图。

Bootstrap包括几十个组件.每个组件都自然地结合了设计与开发,具有完整的实例文档.定义了真正的组件和模板。无论处在何种技术水平.也无论处在哪个工作流程中的开发者,都可以使用Bootstrap快速、方便地构建自己喜欢的应用程序。
    
Bootstrap引人了12栏栅格结构的布局理念,使设计质量高、风格统一的网页变得十分容易。它包含了HTML, CSS和JavaScript三大主要部分,各部分简单说明如下。

(1).Botstrap的HTML是基于HTML5的最新前沿技术.它不同于古老陈旧的其他网页标准,灵活高效,简洁流畅。它摒弃了那些复杂而毫无意义的标签,引人了全新的<canvas><audio><video><source><header>等标签,使网页的语义性大大增加,从此网页不再是供机器阅读的枯燥文字.而是可供人类欣赏的优美作品。在网页中插人多媒体,也因有了和而再也不需借助腐朽的Flash控件。


(2).Bootstrap的CSS是使用LESS创建的CSS,是新一代的动态CSS。对设计师来说,能写得更少;对浏览器来说,解析更容易;对用户来说.阅读更轻松。直接用自然书写的四则算术和英文单词来表示宽度、高度、颜色.使得写CSS不再是高手才会的神秘技能。 

   


(3).Bootstrap的JavaScript是使用jQuery的CSS,是优秀的JavaScript,它不会使每个用户都为了相似的功能.在每个网站都下载一份相同的代码,而是用一个代码库,将常用的函数放进去,按需取用,用户的浏览器只需下载一份代码,便可在各个网站上使用。

Bootstrap


难能可贵的是,Bootstrap依旧本着这样的设计原则:并行开发、作为产品的风格指南、迎合所有的技能水平.帮助开发者解决实际问题,不断完善自己,吸引更多人选择在自己的项目中应用Bootstrap.

    
Bootstrap框架提供非常棒的视觉效果,且使用Bootstrap可以确保整个Web应用程序的风格完全一致,用户体验一致.操作习惯一致.这其实是很难的。如果希银整个网站的链接、按钮、提醒都有统一的视觉效果,那就应该毫不犹豫地选Bootstrap。它还可以对不同级别的提醒使用不同的颜色。


通过测试可知,市面上的主流浏览器都支持Bootstrap这一完整的框架解决方案,开发人员只需使用它而无需重新制作。而且这个框架专为Web应用程序而设计.所有元素都可以非常完美地在一起工作,很适合快速开发。



快速应用、简单而优雅,Bootstrap会让Web应用程序看起来与Windows或GNOME(GNU网络对象模型环境)下的程序一样,具有一样的按钮,一样的对话框,且运行快速。随着越来越多的Web应用程序被直接放在桌面上运行,应用程序的一致性是一个趋势.开发人员可以把精力放在业务上,而不是UI设计上。



Bootstrap 并不能帮你完成所有事情,它只是一个的框架,在这个框架上面你依旧可以任意的发挥,并且发挥得更好,但是前提是你要驾驭得了它。 如果你不够熟悉它,你确实是有时候会被它有所牵绊,但是你熟悉了之后发现了其实它没有对你进行任何限制,这需要一个过程。 


Bootstrap的优势


1.节省时间

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


2.定制化

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


3.设计方面的因素

网格系统

对页面进行布局时,往往需要有一个合适的网格。你不一定使用该平台的网格,但它确实能大大降低你工作的难度。默认模式下,该平台提供一个16列的网格(宽为960px)。每列宽40px,每列左右两侧具有10px的间隙,各网格最外侧均留出20px的空白。你可以根据需要改变行数与间隔大小。样式已开发完成,开发者只需要把合适的代码放入HTML合适的位置即可。

LESS

LESS在开发周期内应用很广。它是一种基于CSS之上的高级语言,其目的是使得CSS开发更灵活和更强大。你可以利用LESS的Mixins及CSS操作定制内嵌网格。Bootstrap采用了大量流行的CSS3功能,可以对所有的网站提供统一的浏览体验。

JavaScript

Bootstrap提供JavaScript库,该库超越了基本的架构与样式。通过Bootstrap,开发者可轻易地操作窗口警告框、工具提示框、滚动条、按钮等。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 简述
如何使用 Bootstrap
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }