1、版权信息书名：Bootstrap用户手册：设计响应式网站（GitHub有史以来最受欢迎的开源项目，中文版使用指南面面俱到，一册在手，别无所求！）作者：Jake Spurlock译者：李松峰ISBN：978-7-115-32735-2本书由北京图灵文化发展有限公司发行数字版。版权所有，侵权必究。您购买的图灵电子书仅供您个人使用，未经授权，不得以任何方式复制和传播本书内容。我们愿意相信读者具有这样的良知和觉悟，与我们共同保护知识产权。如果购买者有侵权行为，我们可能对该用户实施包括但不限于关闭该帐号等维权措施，并可能追究法律责任。 目录版权声明OReilly Media, Inc.介绍序前言第1章
2、Bootstrap提供的网站框架1.1 Bootstrap到底是什么1.2 Bootstrap的文件结构1.3 基本的HTML模板1.4 全局样式1.5 默认网格系统1.5.1 基本网格的HTML1.5.2 平移列1.5.3 嵌套列1.6 流式网格系统1.7 容器布局1.8 响应式设计什么是响应式设计第2章 Bootstrap预定义的CSS样式2.1 排版2.1.1 标题2.1.2 强调段落2.1.3 强调内容2.1.4 粗体2.1.5 斜体2.1.6 强调相关的类2.1.7 列表2.2 代码2.3 表格2.3.1 可选的表格类2.3.2 表格行的类2.4 表单2.4.1 可选的表单布局2.4
3、.2 内置支持的表单控件2.4.3 扩展的表单控件2.4.4 设置控件大小2.4.5 表单控件的状态2.5 按钮2.5.1 按钮大小2.5.2 禁用按钮的样式2.6 图片2.7 图标2.7.1 感谢GLYPHICONS提供图标2.7.2 用法第3章 Bootstrap内置的布局组件3.1 下拉菜单选项3.2 按钮组让按钮组具有单选按钮和复选框的功能3.3 按钮下拉菜单3.3.1 分隔式按钮下拉菜单3.3.2 上拉菜单3.4 导航元素3.4.1 标签形导航3.4.2 胶囊形导航3.4.3 垂直堆叠的导航3.4.4 导航加下拉菜单3.4.5 导航列表3.4.6 可切换的标签导航3.5 导航条3.5
4、.1 导航条链接3.5.2 表单3.5.3 导航条菜单3.6 面包屑式导航3.7 分页导航前后页导航3.8 标签3.9 圆标签3.10 排版相关的元素3.10.1 重头消息3.10.2 页面标题3.11 缩略图3.12 警示框3.13 进度条3.14 媒体对象3.15 其他组件3.15.1 洼地3.15.2 辅助类第4章 Bootstrap支持的JavaScript插件4.1 概述可编程的API4.2 过渡4.3 模态框4.3.1 用法4.3.2 选项4.3.3 方法4.3.4 事件4.4 下拉菜单4.4.1 用法4.4.2 通过JavaScript使用下拉菜单4.4.3 方法4.5 滚动监控
5、器4.5.1 用法4.5.2 .scrollspy(refresh)方法4.5.3 选项4.5.4 事件4.6 可切换的标签页4.6.1 用法4.6.2 事件4.7 提示条4.7.1 用法4.7.2 选项4.7.3 方法4.8 弹出层4.8.1 用法4.8.2 选项4.8.3 方法4.9 警示框4.9.1 用法4.9.2 关闭方法4.9.3 事件4.10 按钮4.10.1 加载状态4.10.2 单选开关4.10.3 复选按钮4.10.4 单选按钮4.10.5 用法4.10.6 方法4.11 折叠框4.11.1 用法4.11.2 选项4.11.3 方法4.11.4 事件4.12 传送带4.12.
6、1 用法4.12.2 选项4.12.3 方法4.12.4 事件4.13 预先输入4.13.1 用法4.13.2 选项4.14 粘条4.14.1 用法4.14.2 选项第5章 实际使用Bootstrap5.1 GitHub项目5.2 定制Bootstrap5.2.1 使用LESS5.2.2 Snippets插件5.2.3 Photoshop模板5.2.4 主题5.3 获得灵感5.4 小结作者及封面介绍版权声明2013 by Jake Spurlock.Simplified Chinese Edition,jointly published by OReilly Media,Inc.and Pos
7、ts & Telecom Press, 2013 Authorized translation of the English edition,2013 OReilly Media,Inc.,the owner of all rights to publish and sell the same.All rights reserved including the rights of reproduction in whole or in part in any form.英文原版由OReilly Media, Inc.出版2013。简体中文版由人民邮电出版社出版， 2013。英文原版的翻译得到
8、OReilly Media, Inc.的授权。此简体中文版的出版和销售得到出版权和销售权的所有者 OReilly Media,Inc.的许可。版权所有，未得书面许可，本书的任何部分和全部不得以任何形式重制。 OReilly Media, Inc.介绍OReilly Media通过图书、杂志、在线服务、调查研究和会议等方式传播创新知识。自1978年开始，OReilly一直都是前沿发展的见证者和推动者。超级极客们正在开创着未来，而我们关注真正重要的技术趋势通过放大那些“细微的信号”来刺激社会对新科技的应用。作为技术社区中活跃的参与者，OReilly的发展充满了对创新的倡导、创造和发扬光大。ORei
9、lly为软件开发人员带来革命性的“动物书”；创建第一个商业网站（GNN）；组织了影响深远的开放源代码峰会，以至于开源软件运动以此命名；创立了Make杂志，从而成为DIY革命的主要先锋；公司一如既往地通过多种形式缔结信息与人的纽带。OReilly的会议和峰会集聚了众多超级极客和高瞻远瞩的商业领袖，共同描绘出开创新产业的革命性思想。作为技术人士获取信息的选择，OReilly现在还将先锋专家的知识传递给普通的计算机用户。无论是通过书籍出版，在线服务或者面授课程，每一项OReilly的产品都反映了公司不可动摇的理念信息是激发创 新的力量。业界评论“OReilly Radar博客有口皆碑。”Wired“
10、OReilly凭借一系列（真希望当初我也想到了）非凡想法建立了数百万美元的业务。”Business 2.0“OReilly Conference是聚集关键思想领袖的绝对典范。”CRN“一本OReilly的书就代表一个有用、有前途、需要学习的主题。”Irish Times“Tim是位特立独行的商人，他不光放眼于最长远、最广阔的视野并且切实地按照Yogi Berra的建议去做了：如果你在路上遇到岔路口，走小路（岔路）。回顾过去Tim似乎每一次都选择了小路，而且有几次都是一闪即逝的机会，尽管大路也不错。”Linux Journal 序我在Mac面世之前就开发软件了，因此我记得当时技术界的反应。很大程
11、度上，技术圈的人都对此不太感冒。有意思的是，今天很多人对Bootstrap的负面影响议论纷纷，像极了1984年人们对Mac的指指点点。但两个事件中一致的是，人们不喜欢的东西，对他们却非常重要。苹果意识到有些事所有软件都必须做，那为什么这些软件不采用相同的方法来做呢？如果能做到这一点，开发和调试就容易多了，而更重要的是，用起来也就容易多了！如果只有一种创建菜单的方式，那么用户只要在一个应用上学会使用菜单，就会使用任何应用中的菜单了。滚动条、窗口、键盘、鼠标、打印机、音乐，不都一样吗？那时，程序员（包括我）之所以不喜欢Mac，是因为觉得它要拿我们做过的东西转变成商品去卖钱。另外，这种大一统的方式存
12、在局限性。有一些应用的界面元素并不规范。怎么办？好，你自己来改，只能这样。这在技术上就叫重构。如果你发现自己一遍一遍地在重复做一件事，不妨再努力一次做得更好一点，做出个API来，保证它灵活好用。然后，就再也不用重复了。这正是软件也能写得像摩天大楼那样高大复杂的奥秘。五年前最前沿的技术如今已经融入了操作系统。这就是进步，这样多好啊！同样的情形在网站开发过程也随处可见。事实上，以Mac当年对未来的愿景观之，Web开发领域的重复劳动以及开发环境的落后程度是令人沮丧的。然而，Bootstrap至少担负起了重构的责任。如果我想做个菜单，那就用它来做好了。没错，我的菜单跟别人的没什么区别。但这对用户是好事
13、儿啊。用户不用再学习第二种菜单、第三种菜单的用法了。Bootstrap是必需的、绝对必要的，它的迅速普及就是明证。不光我的服务器端软件会用到它，我开发的模板语言里也少不了它，这样只要用户想使用Bootstrap，随时随地用就可以了。什么也不用做，也不用包含什么库。就像服务器硬件的一部分，跟苹果1984年在Mac OS上所做的一样。跟所有重要的技术一样，Bootstrap只是“够好”而已，并非完美。换句话说，Mark Otto和Jacob Thornton还可以让自己的重构更上一层楼。然而，假如他们不断追求让代码更简洁、外观更漂亮，那恐怕就没有那么好用了。Bootstrap为你我这样忙于写网站的
14、人彻底解决了用户界面的问题。不过，我认为这只是开始。我预感到Bootstrap会成为Web的一个组件，或者说它很可能出现在你会用到的所有开发工具中。有朝一日应该不会太久，设计人员将能够不修改任何样式和脚本，就给整个网站换一次皮肤。我没发现使用Bootstrap会带来什么局限性。Bootstrap不能取代设计师，相反，它是设计师手中的利器，也拓展了设计师的想象空间。今天，能在OReilly出一本书往往标志着一种新技术走向成熟。现在，Bootstrap的书也出版了。作者Jake Spurlock是一位Web开发人员，已经使用Bootstrap写了很多网站，并在技术大会上分享过他的经验。我很荣幸，据
15、说他是在看了我写的一系列博客文章之后才决定使用Bootstrap的。现在，我非常高兴地把他的书推荐给各位读者。来听听他为大家讲解Bootstrap的魔法吧，让自己也拥有推动世界进步的魔力！Dave WinerScripting News编辑2013年1月于纽约 前言Bootstrap是一个用于构建响应式网站的前端框架。无论你想构建应用程序、博客还是CMS网站，Bootstrap都完美适用，只要你想得到，它都能行。Bootstrap把HTML、CSS和JavaScript组合起来，为构建稳定的网站提供了基础设施，也能提高开发效率。基于默认的网格系统，布局变成了小菜一碟，按钮、导航和表格也都活脱脱地赏心悦目。十几个JavaScript插件更为我们赋予网站交互能力提供了强大保障。读者对象本书读者应该对HTML、CSS和JavaScript都比较熟悉，而且对构建响应式网站、使用Bootstrap的JavaScript插件，以及使用流行的开源框架创建网站充满好奇心。
个人主页
