本书从最基本的Bootstrap下载、定制和LESS开始介绍，进而再带您学习栅格系统和基本的CSS样式，这是专门为实现更快、更稳定的网页设计而提供的。本书还介绍了组件、jQuery插件和其他独特的功能，正是因为它们的存在，Bootstrap才成为了构建网页的神奇工具。本书还提供了Bootstrap的技术资源汇总，介绍可以增强Bootstrap功能的各种第三方资源、主题和模板。在本书的结尾，还介绍了如何构建一个强大、流行的电子商务网站，帮助你掌握Bootstrap的实际应用。
基于最新Bootstrap 3.0撰写，全面讲解Bootstrap基础知识、新特性及使用技巧
既详细介绍Bootstrap的内置特性及使用方法，又提供丰富的第三方工具和资源，扩展Bootstrap功能，包含大量代码实例
本书将帮助你驾驭Bootstrap这一功能强大的工具，让网页设计的过程变得更加简单。书中从最基本的Bootstrap下载、定制和LESS开始，进而介绍栅格系统和基本的CSS样式。本书还介绍了组件、jQuery插件和其他独特的功能，正是因为它们的存在，Bootstrap才成为了构建网页的神奇工具。书中还提供了Bootstrap的技术资源汇总，带领读者领略可以增强Bootstrap功能的各种第三方资源、主题和模板。
通过阅读本书，你将：
掌握Bootstrap的内部工作原理，理解Bootstrap移动优先的原则。
了解Bootstrap栅格系统并实现自定义的布局元素。
集成LESS以进一步增强网页的功能。
熟悉基本的CSS样式和各种已有的官方组件。
理解jQuery插件的工作原理。
探索附加的资源和工具，让网页设计变得更加轻松。
开发响应式、美观的电子商务网站，熟悉Bootstrap的实际应用。
随着移动网页开发时代的到来，移动和平板设备逐渐成为了人们使用Internet的事实标准。Bootstrap的第3版引入了移动优先的响应式栅栏、LESS变量、特制的组件以及一些可以帮助用户设计动态用户界面的插件等特性，是一种能够增强前端网页设计的强大框架。本书既详细介绍了Bootstrap的内置特性及使用方法，还介绍许多第三方工具和资源，用浅显易懂的方式，让大家掌握各种技术诀窍，进而了解Bootstrap的各种复杂细节。
本书共8章，第1章简要介绍Bootstrap并说明为什么要在网页设计项目中使用Bootstrap；第2章详细介绍在项目中安装Bootstrap的不同方法，以及如何对它进行定制，构建出令人印象深刻的网站；第3章讲解Bootstrap栅格以及如何在项目中使用栅格；第4章通过实际的方法和许多代码实例，展示如何使用Bootstrap的基本CSS元素；第5章介绍Bootstrap所包含的一些流行的CSS组件以及如何在项目中使用它们；第6章进一步介绍其他一些在Bootstrap中被广泛使用的组件，包括well、标签、进度条、徽章、面板、警告框和分页；第7章讨论如何用JavaScript增强Bootstrap的体验；第8章介绍一些令我们受益的第三方工具和资源，简化Bootstrap的网页设计体验。
作者简介
Aravind Shenoy 毕业于曼尼帕尔理工学院工程系，主要兴趣是技术写作、网页设计和软件测试。他出生并居住在印度孟买，爱好音乐，喜欢听绿洲乐队、R.E.M、大门乐团、恐怖海峡乐队和U2乐队的歌，他的播放列表中满是摇滚和说唱歌曲。除本书外，他还著有《Thinking in HTML》和《Hadoop Explained》。
Ulrich Sossou Retreat Guru公司的CTO、Flyerco公司联合创始人，同时还和他人一起创建了一家西非创业孵化机构——TekXL，是一名经验丰富的软件工程师和企业家，热衷于解决各种问题。他喜欢帮助一些个人和企业分析困难的问题，促使他们自身或他们的企业向最好的结果发展。
Bootstrap是一种能够增强前端网页设计的强大框架，它的第3版引入了更多的特性，包括移动优先（mobile-first）的响应式栅格、LESS变量、特制的组件以及一些可以帮助用户设计动态用户界面的插件等。随着移动网页开发时代的到来，移动和平板设备逐渐成为人们使用Internet的事实标准。所以，我们有必要先从移动优先的角度设计网站，继而再考虑台式和笔记本电脑上更大的屏幕。Bootstrap也可谓是功能丰富，它集成了各种精良的解决方案和特性，可以帮助开发人员快速轻松地实现困难的任务。除了这些内置的特性，社区还对一些附加的资源和第三方工具提供了有力的支持。当我们在构建企业级和美观的网页应用程序时，会用到许多复杂的布局样式，利用这些资源和工具就可以避免在设计中出现大量不确定性因素。本书就是这样一份内容丰富的资源，它用浅显易懂的方式，让大家掌握各种技术诀窍，进而了解Bootstrap的各种复杂细节。
本书内容
第1章是对Bootstrap的简单介绍。本章解释了我们使用Bootstrap的必要性，此外还阐述了Bootstrap为简化网页设计所采用的移动优先方法的相关范例。
第2章以实际演练的方式讨论了Bootstrap的安装和定制，内容涵盖了定制样式、Bootstrap的深度定制和LESS文件的编译。
第3章首先介绍了Bootstrap栅格类的使用，从中我们可以学到如何添加行、列与偏移，如何嵌套列，如何使用不同的变量和mixin。最后，我们将通过一个实际的例子，创建一个自定义的博客布局来进行总结。
第4章首先介绍了排版的相关内容，然后逐一介绍CSS的各种知识，包括表格、表单、按钮和各种响应式工具，也包括在Bootstrap中广泛应用的辅助类工具。
第5章将学习字体图标（glyphicon）和路径导航（breadcrumb）这类流行的组件，此外还将学习一些不同的导航组件，比如导航标签页（nav tab）、胶囊式标签页（nav pill）和下拉菜单，这些组件将帮助大家构建出交互式的网页。
第6章将对其他一些组件进行广泛深入的介绍，包括Well、标签、进度条、徽章、面板、警告框和分页，这些组件是“现代”网站的关键所在，我们藉此可以构建出美观的网站。
第7章将讨论一些官方的和选配的插件，可以实现模态窗（modal）、轮播（carousel）、工具提示（tooltip）和折叠面板（accordion），我们可以利用它们快速开发出动态的网页，而不需要为了实现这些特性而编写很多复杂的代码。
第8章将介绍一些令我们受益的第三方工具和主题，它们简化了Bootstrap的网页设计体验。这部分内容是一个一站式的解决方案，提供了大量的资源，比如模板、自定义布局以及一些代码片段，能够使我们快速轻松地实现可靠的用户界面。本章还对Bootstrap的未来、下一步的发展以及它与WordPress、Joomla这类“未来”的网页设计的重要框架的种种兼容性问题进行了概述。
附加章节向大家逐步描述了构建现代电子商务网站的全过程，有助于大家理解现实场景中的网页设计。这一章是一个样例，供希望能够利用较为轻量的系统和高效的方式构建企业级网站的读者以参考。本章通过网络提供给大家，地址是：https://www.packtpub.com/sites/default/files/downloads/Building%20an%20e-commerce%20Website%20with%20Bootstrap.pdf 。
阅读本书需要准备的知识
我们除了需要掌握HTML、CSS和JavaScript的基础知识之外，还需要一个编辑器。可以用记事本或Notepad++来处理书中的示例。虽然大部分的代码都是在记事本中编写的，但你可能更喜欢使用Notepad++，因为它是开源的，功能也更为强大，还具有语法高亮和语法折叠等特性，能够帮助我们井然有序地进行编码。
本书阅读对象
本书既适用于初学者，也适用于那些经验丰富的网页设计师和希望构建具有专业外观的动态网站的开发者。对于希望能把Bootstrap应用在开发中的有追求的用户而言，除了HTML、HTML5和CSS的基础知识之外，还要掌握一些（非常基本的）JavaScript知识。读者在阅读本书之前并不需要掌握Bootstrap的有关知识，因为本书将会把Bootstrap应用到你的“宝贝”项目中所需要的所有诀窍都教给你。
格式约定
如果我们希望你关注代码块的某一特定部分，相关的代码行或条目将会加粗显示。
新术语和重要文字将以粗体显示。所有我们在屏幕上看到的文字，比如出现在菜单或对话框中的文本，都将以如下格式显示：“单击下载Bootstrap按钮，文件将会以ZIP格式下载。”
出现在此框中的文字表示警告或重要的注意事项。
出现在此框中的文字表示提示或技巧。
下载示例代码
本书中的示例代码可以从华章网站（www.hzbook.com）上下载。
计算机\Web设计
本书将帮助你驾驭Bootstrap这一功能强大的工具，让网页设计的过程变得更加简单。书中从最基本的Bootstrap下载、定制和LESS开始，进而介绍栅格系统和基本的CSS样式。本书还介绍了组件、jQuery插件和其他独特的功能，正是因为它们的存在，Bootstrap才成为了构建网页的神奇工具。书中还提供了Bootstrap的技术资源汇总，带领读者领略可以增强Bootstrap功能的各种第三方资源、主题和模板。
通过阅读本书，你将：
掌握Bootstrap的内部工作原理，理解Bootstrap移动优先的原则。
了解Bootstrap栅格系统并实现自定义的布局元素。
集成LESS以进一步增强网页的功能。
熟悉基本的CSS样式和各种已有的官方组件。
理解jQuery插件的工作原理。
探索附加的资源和工具，让网页设计变得更加轻松。
开发响应式、美观的电子商务网站，熟悉Bootstrap的实际应用。
[美] 亚拉文·谢诺伊（Aravind Shenoy） 乌尔里希·索松（Ulrich Sossou） 著：暂无简介
李景媛 吴晓嘉 译：暂无简介
历时数月，又一份译稿付梓。一本书的翻译过程，既是对自己英文、技术水平的检验过程，也是帮助自己对某一领域有更深入理解的过程。而此书，就是让我再次感受到Bootstrap的独特魅力—作为一种前端框架，虽然它不能满足你所有的要求，但是，它“开箱即用”，封装了前端开发的大量底层细节，同时又开放灵活，可以满足各种个性需求。凭此两点，就值得我们在选择时多加考虑。更何况，Bootstrap对响应式网页设计有很好的支持，组件非常丰富，也有非常活跃的社区支持……种种优点，不一而足。
不少人总是期望寻找到一种完美的前端框架，既要省时省力，拿来即用，又要足够灵活，随意定制，还要方便重用、功能丰富、开源……其实，前端开发同样没有“银弹”存在，选择适合工程项目类型的框架，或许是前端开发人员所需的基本技能之一。特别是在国内，使用前端框架的思想还没有很好地深入开发人员的心中，不少开发人员仍在做着重复制造轮子的事情，不少团队还陷入前端代码不统一、维护困难、可重用性差、开发周期长的困境中。所以，前端框架的普及任重而道远。假设你已经决定把Bootstrap放入您的前端框架兵器库中，我相信，这本书应该可以让你把这件兵器用得得心应手。本书从最基本的安装和定制开始介绍，详细讲解了Bootstrap中最重要的栅格概念和CSS样式，并把几乎全部的组件都一一呈现出来，而且也不忘对高级的LESS变量、mixin等技术做讲解，算得上是一本全面而深入浅出的技术书籍。特别是最后一章，看似只是资源的汇总，其实是为读者打开了一扇门，藉此通往Bootstrap更为广阔的天地。
译者
2015年冬
译者序
作者简介
审校者简介
前言
第1章 Bootstrap入门 1
1.1 移动优先的设计 1
1.2 为什么选择Bootstrap 3
1.3 小结 6
第2章 Bootstrap的安装与定制 7
2.1 在HTML文件中包含Bootstrap 8
2.2 Bootstrap CDN 10
2.3 用自定义的CSS进行覆盖 12
2.4 使用Bootstrap定制程序 15
2.5 Bootstrap的深度定制 17
2.6 下载Bootstrap源代码 18
2.7 编译LESS文件 20
2.7.1 使用SimpLESS编译LESS文件 21
2.7.2 使用WinLess编译LESS文件 22
2.7.3 使用命令行编译LESS文件 23
2.8 整合 23
2.9 小结 31
第3章 使用Bootstrap栅格 32
3.1 使用Bootstrap栅格类 33
3.1.1 添加行与列 34
3.1.2 为小型设备定制栅格 37
3.1.3 为列添加偏移 39
3.1.4 推拉列 40
3.1.5 嵌套列 42
3.2 使用Bootstrap变量和mixin 44
3.2.1 Bootstrap栅格变量 45
3.2.2 Bootstrap栅格mixin 45
3.3 使用Bootstrap栅格mixin和变量创建博客布局 46
3.4 小结 57
第4章 使用基本CSS样式 58
4.1 实现Bootstrap基本CSS样式 59
4.1.1 标题 59
4.1.2 页面主体 63
4.1.3 排版元素 64
4.1.4 表格 78
4.1.5 按钮 82
4.1.6 表单 84
4.1.7 代码 88
4.1.8 图片 90
4.1.9 字体系列 91
4.1.10 字体尺寸 92
4.2 使用LESS变量自定义基本CSS样式 93
4.3 小结 97
第5章 添加Bootstrap组件 98
5.1 组件及其用途 99
5.1.1 字体图标 99
5.1.2 导航标签页 102
5.1.3 胶囊式标签页 104
5.1.4 两端对齐的标签和胶囊式标签 105
5.1.5 下拉菜单 106
5.1.6 导航条 108
5.1.7 路径导航 111
5.2 小结 113
第6章 组件的更多功能 114
6.1 用组件简化网页设计项目 115
6.1.1 巨幕 116
6.1.2 页头 117
6.1.3 well 118
6.1.4 徽章 119
6.1.5 标签 120
6.1.6 进度条 121
6.1.7 面板 122
6.1.8 缩略图 125
6.1.9 分页 126
6.1.10 列表组 128
6.1.11 按钮组 129
6.1.12 按钮工具栏 132
6.1.13 分裂式按钮下拉菜单 133
6.1.14 两端对齐排列的按钮组 135
6.1.15 复选框和单选按钮 135
6.1.16 警告框 137
6.1.17 媒体对象 139
6.1.18 具有响应式特性的嵌入内容 140
6.2 小结 143
第7章 使用JavaScript增强用户体验 144
7.1 使用官方插件简化项目设计 145
7.1.1 工具提示 145
7.1.2 弹出框 147
7.1.3 折叠面板 149
7.1.4 滚动监听 152
7.1.5 模态窗 156
7.1.6 轮播 158
7.2 小结 160
第8章 Bootstrap技术中心—Bootstrap工具介绍 161
8.1 主题和模板 162
8.1.1 开源主题和模板 162
8.1.2 商业主题和模板 163
8.2 现成的资源和插件 164
8.2.1 Font Awesome 164
8.2.2 Bootstrap的Social Buttons 165
8.2.3 Bootstrap Magic 165
8.2.4 Jasny Bootstrap 166
8.2.5 Fuel UX 167
8.2.6 Bootsnipp 169
8.2.7 Bootdey 170
8.2.8 BootBundle 172
8.2.9 Start Bootstrap 172
8.3 开发工具和编辑器 173
8.3.1 Bootply 173
8.3.2 LayoutIt 174
8.3.3 UI Bootstrap 175
8.3.4 Kickstrap 175
8.3.5 ShoeStrap 175
8.3.6 StrapPress 175
8.3.7 Summernote 176
8.4 官方的Bootstrap资源 176
8.4.1 Bootlint 176
8.4.2 Bootstrap with SaaS 176
8.4.3 Bootstrap Expo 177
8.5 小结 177
