这正在 Bootstrap 化的世界
- - 萝卜网一、无处不在的 Bootstrap. 你是否见过这样蓝色的光泽效果的文本框. 如果你对以上任何一个问题的回答是「是」的话，或者，或者你见过这种风格的其他元素的话，那么，恭喜您，你也见过 Bootstrap 了. 二、伟大的 Bootstrap. 来自 Twitter 的 Bootstrap 项目是 Twitter 开发的一套设计框架.
这正在 Bootstrap 化的世界
标签：
科技
Bootstrap
前端
| 发表时间：2012-08-18 20:00 | 作者：兽兽
出处：http://luo.bo
一、无处不在的 Bootstrap
你是否见过这样蓝色的光泽效果的文本框？
或是，这样的按钮？
或是，这样的「跑马灯」？
如果你对以上任何一个问题的回答是「是」的话，或者，或者你见过这种风格的其他元素的话，那么，恭喜您，你也见过 Bootstrap 了。
二、伟大的 Bootstrap
来自 Twitter 的 Bootstrap 项目是 Twitter 开发的一套设计框架。它包含了 HTML、CSS、JavaScript 等三大主要部分，引入了「十二栏网格结构」的布局理念，使设计一个质量高，风格统一的网页变得十分容易。
Bootstrap 的 HTML，是 HTML5 的 HTML，是现代的 HTML，它不同于古老陈旧的其他网页标准，它灵活高效，简洁流畅；它摒弃了那些复杂而毫无意义的标签，引入了全新的 <header> <section> <footer> <article> <video> <canvas> 等标签，使网页的语义性大大增加，从此网页不仅是供机器阅读的枯燥文字，而是可供人类欣赏的优美作品。在网页中插入多媒体，也因有了 <video> 和 <canvas> 而再也不需借助腐朽的 Flash 控件。
Bootstrap 的 CSS，是使用 LESS 创建的 CSS，是新一代的 CSS。对设计师来说，能写得更少；对浏览器来说，解析更容易；对用户来说，阅读更轻松。直接用自然书写的四则算术和英文单词来表示宽度、高度、颜色，使得写 CSS 不再是「高手」才会的神秘技能。
Bootstrap 的 JavaScript，是使用 jQuery 的 CSS，是优秀的 JavaScript，它不会使每个用户都为了相似的功能，在每个网站都去下载一份相同的代码，而是用一个代码库，将常用的函数放进去，按需取用，用户的浏览器只需下载一份代码，便可在各个网站上都能使用。正如 jQuery 的口号：「The Write Less, Do More, JavaScript Library」。
Bootstrap 始于 2011 年 8 月，至今尚不足一年，但是在这一年里，Bootstrap 这股风却已刮遍了大半个互联网。各种「较小的网站」就不提了，很多较有名的国内外网站也采用了 Bootstrap：
- Name.com 已采用 Bootstrap。无论是从按钮的风格，还是从源代码中的
bootstrap_*.css均可清晰地看出这一点。
- IP.cn 已采用 Bootstrap。也可以从源代码中看出。
- 新版的 WHMCS 也已采用 Bootstrap。
三、使用 Bootstrap
Bootstrap 为什么能这么流行？它的易于使用是很重要的一点原因。Twitter 在 GitHub 上提供了方便的 自定义 Bootstrap 的工具，你可以自由地选择你想要的元素和组件，并且自定义每个颜色的具体数值，然后再让它自动生成一份属于你自己的、定制版的 Bootstrap。所有不需要的代码已经被去掉，以节省网络下载时间。虽然 整个 Bootstrap 并不大，但是毕竟能省一点是一点。对于大流量网站来说，每个用户省 1kB，总量也是很可观的。这一点十分周到。
Bootstrap 是如此流行，以至于有中国用户为它创建了 非官方的中文翻译页面，也是放在 GitHub 上的，所有的介绍文字翻译成了中文，所有的示例文字也由 Lorem ipsum 换成了「中国特色」的文字。这个项目很适合想用 Bootstrap 但是英语不太好的设计师和站长。
四、更多 Bootstrap 资源
Bootstrap 的定制性很强，所以完全可以自己生成来设计网页。但是，自然会有人为懒人设计好一套解决方案的。比如适用于 WordPress 的 The Bootstrap 主题。 我的博客使用的就是我自己修改后的 The Bootstrap 主题。此主题已上传至 WordPress.org，所以可以直接在 WordPress 后台搜索下载。
除了 The Bootstrap 主题，还有很多衍生版的 The Bootstrap，是在 The Bootstrap 的基础上修改的，更换字体、更换配色，就能创造出一个令人耳目一新的 Bootstrap 风格，使人免受审美疲劳之苦。下面几个网站便提供了不少衍生版的 The Bootstrap：
- WordPress Bootstrap。这也是一个适用于 WordPress 的 Bootstrap 风格主题。不过它没有被上传到 WordPress.org，并且似乎有段时间没更新了。
- Bootswatch。这是一个提供了不少 Bootstrap 衍生版的网站，可以用来换换品味啊。
本文作者 wzyboy，原文地址 http://t.tt/20/ 。以 CC BY-NC-SA 3.0 发布，转载时请以超链接形式注明出处。
因为盗链严重，而我们服务器带宽有限，所以图片设置了防盗链，请见谅。如果您的阅读器看不到图片，请订阅 http://feed.luobo8.com/ 即可显示图片。
部分文章附有精彩小视频，如果您的阅读器无法观看视频，请移步原文链接： http://t.tt/20/
本文小编：兽兽 标题： 这正在 Bootstrap 化的世界 网友评论 发布时间：2012/08/18, 20:00萝卜网 Copyright © 2010 - 2012 分享国内外精彩网事。
更多精彩欢迎您订阅 http://feed.luobo8.com/，欢迎网友 投稿、推荐文章。
c5d85dad8496c5aa16731e645eaa0010
相关 [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模板 - Codester
- - CSDN博客推荐文章日期：2013-3-3 来源： GBin1.com. Codester是一个基本的个人作品集 Bootstrap模板，帮助设计师，摄影师，图形艺术工作者搭建高度可定制的网站. 拥有自定义包和相关的javascript，css和组件，相信大家肯定喜欢. 兼容各种移动和触摸设备屏幕尺寸. 拥有来自 Template Monster的add-on.
Twitter Bootstrap生态系统持续增长
- - InfoQ cnBootstrap Hero最近针对 Twitter Bootstrap发布了 一个超过200多个资源的列表. 文章列出了各种UI部件，从 accordions到 address pickers再到 pagination tools和一些 更强大的模型窗口. 当然，它同时也列出了很多其他的资源，展示了整个生态系统目前的丰富程度.