阅读更多

4顶
0踩

Web前端

翻译新闻 使用 Bootstrap 的 11 大理由

2013-08-01 10:48 by 见习记者 chenqiuge1984 评论(11) 有12698人浏览

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

来自: CSDN
4
0
评论 共 11 条 请登录后发表评论
11 楼 hahasimie 2013-11-19 09:40
v2跟v3都用了一遍,慢慢完善了,用了bootctrap之后感觉不会在爱了  http://danqingyu.com
10 楼 damoqiongqiu 2013-08-02 22:26
Bootstrap也就布局系统勉强能用好不好
9 楼 take 2013-08-02 09:40
兼容不好。
8 楼 clxy 2013-08-02 08:52
作者在快写完这篇短文时,老板从背后经过...
于是有了第11条...
7 楼 obullxl 2013-08-01 17:43
,Bootstrap确实不错,加上GitHub的开源项目。
6 楼 huangsky 2013-08-01 17:24
一致性
表示飘过,IE7,IE8都不支持圆角,渐影,完全从天堂打下地狱。
IE6就不用说了,那个兼容的JS也是饮鸩止渴。
国情就这样,哪天盗版光碟装的是WIN7了,或许就有阳光了。
5 楼 tkl211 2013-08-01 17:01
IE下兼容太不给力了。。。
圆角什么的都不好看。。
4 楼 fejay 2013-08-01 16:46
kiven 写道
等过段时间就会出现不用bootstrap的11种理由

过段时间还有bootstrap必死的十大理由
3 楼 freezingsky 2013-08-01 11:51
对于前端水平很次的开发者而言,这东西可是帮了我很大忙。。。
2 楼 kkliuxiang 2013-08-01 11:47
可惜ie6不兼容
1 楼 kiven 2013-08-01 11:07
等过段时间就会出现不用bootstrap的11种理由

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • bootstrap-fileinput-master.zip

    file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由不去使用

  • 大学生应该常去的网站

    大学生应该常去的网站   1. 小木虫(http://emuch.net/)  推荐理由:里边有不少学术科研用得到的资料,且全部为免费的。  2.格格网(http://gege521.com)  推荐理由:有近万个淘宝皇冠店铺,几万网友整理,免费提供,绝对安全。 3.国家自然科学基金(http://www.nsfc.gov.cn/Portal0/default40.htm)  推荐理

  • 使用Twitter Bootstrap的五大理由

    Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。它是Twitter在2011年8月开源的一整套...尽管也有不少网页设计师抱怨Bootstrap网站结构臃肿、不灵活并且难以维护,但是Bootstrap

  • 选择Bootstrap的理由

    选择Bootstrap的理由Bootstrap无疑是当下最流行的前端开发框架,可大大简化网站开发过程,从而深受广大开发者的喜欢,理由如下:1、系出名门Bootstrap 出自 twitter,并且开源,自然久经考验,减少了测试的工作量。...

  • 如何使用Bootstrap重新设计Django Admin

    正如在frontend模板中所做的那样,我们使用bodyclass块来设置Bootstrap的bg-light 。 We use the extrastyle block to embed Bootstrap, and some CSS code. 我们使用extrastyle块嵌入Bootstrap和一些CSS代码。 a. ...

  • 使用Bootstrap 3网格系统的自适应设计

    Bootstrap 3 tutorial. In this tutorial we will talk about the main building blocks that are common to most websites and about the creation of adaptive layout using a grid system of bootstrap3. Bootst....

  • Bootstrap

     Bootstrap 读音 / bu:tstræp/ˈ ,是一个非常受欢迎的前端框架 最流行的 HTML 、 CSS 和 JS 框架,用于在 ...( v5.x ) Bootstrap 底层是使用 Sass 构建,支持定制( Sass 、 Color 、 CSS variable .... )。

  • 使用Bootstrap+metisMenu完成简单的后台管理界面

    作者最近在一个小项目中需要写后台管理界面,在互联网上绕了一圈,最后决定使用Bootstrap+metisMenu来完成。理由1:Bootstrap是目前流行的前端框架,风格简约,简单易用。理由2:metisMenu是轻量级的导航栏jQuery...

  • Twitter Bootstrap深受开发者喜爱的11大理由

    本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Twitter Bootstrap,建议你去了解一下。 Bootstrap,作为创新技术框架,使开发者、设计者更容易、更快捷、更出色地完成网站及应用的搭建工作。...

  • 为什么选择Bootstrap

    Bootstrap无疑是当下最流行的前端开发框架,它将常见的CSS布局小组件和JavaScript插件进行封装,让开发人员轻松使用,大大简化了网站的开发过程,从而深受广大开发者的喜欢。 笔者认为,这么多人热衷于Bootstrap,...

  • 统计学中的Bootstrap方法(Bootstrap抽样)

    Bootstrap又称自展法、自举法、自助法、靴带法 , 是统计学习中一种重采样(Resampling)技术,用来估计标准误差、置信区间和偏差 Bootstrap是现代统计学较为流行的一种统计方法,在小样本时效果很好。机器学习中的...

  • bootstrap中表格大小设置_如何实现bootstrap中的表格样式

    将头bootstrap设置为float:left,后面的内容设置 display: inline,就可以自动的铺平后续的位置,但会出现乱序,可用padding-left来设置,就不会乱序了。效果如下:html代码:angular.jsAngularJS is an MVC ...

  • 5 个不用 Bootstrap 的理由

    在以前我们的博客文章中,我们讨论了在web设计和开发项目中使用Twitter Bootstrap的好处。 Twitter Bootstrap也有很多的缺点。让我们看看这些主要的问题: When_not_to_use_Twitter_Bootstrap_by_Zing_Design 1. ...

  • bootstrapfileinput实现文件自动上传

    bootstrap fileinput文件上传插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由不去使用, JS引用: [removed][removed] <link href="~/...

  • Twitter Bootstrap深受开发者喜爱的11大理由(转)

    如果你还没有使用Twitter Bootstrap,建议你去了解一下。Bootstrap为开发者提供了众多工具。  Bootstrap之所以广泛流行,其深受欢迎的原因是什么呢?  1.节省时间  利用Bootstrap,你将有更多的时间用来...

  • Bootstrap表单Form全面解析

    在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析,感兴趣的朋友一起看下吧

  • Bootstrap系列之Reboot

    例如,我们重新启动一些.table.table- borderdered 以下是我们在Reboot中选择覆盖哪些内容的指导方针和理由: 更新一些浏览器默认值以使用rems而不是ems来处理可伸缩的组件间距。 避免margin-top。垂直边距可能会...

  • bootstrap实战项目总结 源码及知识点

    在学校里面参加了一个服创比赛,我的任务是前端,一个半月的寒假打算好好学Js,bootstrap,Vue,jQuery,现在先开始学习bootstrap。发现在实战项目中学习是一个不错的方法。 话不多说,直接上源码与做完后的图片,...

  • bootstrap展示导入的图片_BootstrapFileInput 图片上传插件 详解

    插件描述:样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由不去使用file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳...

Global site tag (gtag.js) - Google Analytics