本书由国内资深前端工程师撰写，是国内第一本关于BootStrap的原创著作，也是目前国际上内容最为全面和深入的一本BootStrap专著。它不仅系统讲解了BootStrap的各项功能和使用方法，详细讲解了BootStrap的组件、插件和扩展技术，而且深度解析了BootStrap的内核源代码。内容实战性很强，不仅为各个知识点精心设计了辅助说明问题的小案例，而且还包含一个综合性的大案例，不仅能满足读者系统学习理论知识的需求，还能满足需要充分实践的需求。
全书一共10章：第1章和第2章介绍了BootStrap的构成组件、功能特色、开发工具、应用情况，以及它的下载和应用解析；第3章对BootStrap框架进行了解析，包含全局样式表、栅格系统、布局、响应式设计等内容；第4章讲解了CSS样式的优化，包含页面排版优化、表格设计优化、表单设计优化、按钮设计，以及图片和图标的设计等内容；第5~8章则分别讲解了动态CSS 样式LESS的特性和使用、各种BootStrap组件的特性和使用、各种BootStrap插件的特性和使用、BootStrap的扩展等内容；第9章逐步讲解了利用BootStrap开发一个社区分享网站的全部流程和方法，是一个综合性的大案例；第10章则对BootStrap的内核源代码进行了深入的分析。
内容全面且深入，系统讲解Bootstrap的各项功能、组件、插件和扩展，深度解析Bootstrap的内核源代码
实战性强，不仅为各个知识点精心设计了辅助说明问题的小案例，而且还包含一个综合性的大案例
Bootstrap实战
成林 著
Bootstrap是一款简洁、直观、强悍、移动设备优先的前端开发框架，目标是让Web开发变得更迅速、更简单。自Twitter将Bootstrap开源以后，其在开源社区得到了极为广泛的关注，曾经很长一段时间内都是GitHub上最受欢迎的开源项目。Bootstrap有很多优越的特性，比如12列栅格布局、支持HTML 5标签和语法、支持响应式设计、可定制jQuery内置插件、跨设备和跨浏览器等。
如今国内外有很多流行的网站都在使用Bootstrap，但是相关的资料和图书却很少， 本书应该能算得上是最有价值的参考资料了。它根据Bootstrap的最新技术撰写，不仅全面讲解了Bootstrap的各项功能及其用法，详细讲解了它的组件、插件和扩展的相关知识，而且还分析了它的内核源代码，几乎面面俱到，广度和深度兼备。
本书主要包含以下内容：
Bootstrap的构成组件、功能特色、开发工具、应用情况，以及它的下载和应用解析；
Bootstrap框架解析，包含全局样式表、栅格系统、布局、响应式设计等内容；
CSS样式优化，包含页面排版优化、表格设计优化、表单设计优化、按钮设计，以及图片和图标的设计等内容；
动态CSS 样式LESS的特性和使用；
各种Bootstrap组件的特性和使用；
各种Bootstrap插件的特性和使用；
Bootstrap的扩展；
利用Bootstrap开发一个社区分享网站的全部流程和方法；
Bootstrap内核源代码分析；
……
前：
作者简介
成林 资深Web前端工程师，从事Web前端工作多年，精通CSS、HTML、JavaScript、jQuery和Ajax等Web前端技术，在实践中积累了大量的经验。推崇Web技术标准，曾经在多所高等院校和一些线下技术沙龙主讲Web标准和规范相关的课程，还参与过W3C组织的标准化文档的中文编译工作。近两年来，集中精力研究和实践CSS 3与HTML 5前沿技术，在国内是该领域的先驱者之一，已经有较为深入的认识和丰富的实践经验。著有国内第一本CSS 3著作《CSS 3实战》。
为什么要写这本书
Boostrap是Twitter公司开发的一个基于HTML、CSS和JavaScript的技术框架，集合了最新的前端技术，为实现Web应用程序快速开发提供了一套前端工具包，包括布局、栅格、表格、按钮、表单、导航、提示等。使用Bootstrap可以构建出非常优雅的前端界面，且占用资源非常少。
Bootstrap是目前非常流行的前端开发工具包，具有以下特色：
由业内权威专家开发。Twitter是互联网领域的技术先驱，引领时代技术潮流，Twitter前端开发团队是公认的最棒的团队之一，整个Bootstrap项目由经验丰富的工程师和设计师奉献。
拥有庞大的用户基础和实践基础，值得信赖。
学习和应用门槛比较低，适合各种技术水平的人。
跨设备、跨浏览器，为移动开发提供了平稳的开发平台。
提供12列栅格布局，使网页布局变得很简单。
支持响应式设计，满足不同设备的显示需求。
样式化的文档，使学习和参考变得直观、方便。
开放式代码库，使Bootstrap成为众多业内好手展示的舞台，也极大丰富了Bootstrap代码库。
与jQuery完美融合，可定制jQuery插件。
选用LESS构建动态样式，使动态样式开发成为可能，降低了时间成本，却可以编写更快、更灵活的CSS样式表。
支持HTML5标签和语法，要求在HTML5文档类型基础上进行设计和开发。
支持CSS3所有属性和标准，逐步改进组件以达到最终效果。
Bootstrap始于2011年8月，至今才刚满两年，但是Bootstrap旋风却已刮遍了整个互联网。各种较小的网站就不提了，国内外很多较有名的网站也采用了Bootstrap。对于设计能力不强也没有太多时间去设计前端界面的用户来说，Bootstrap价值巨大。Bootstrap的目的就是帮助开发人员快速开发原型，避免经常从零开始绘制白底黑边的裸图。
Bootstrap框架提供一级的视觉效果，且应用视觉效果是一致的，这一点其实是很难实现的。使用Bootstrap可以确保整个Web应用程序的风格完全一致，用户体验一致，操作习惯一致。如果希望整个网站的链接、按钮、提醒都有统一的视觉效果，那就应该毫不犹豫地选择Bootstrap，此外它还可以对不同级别的提醒使用不同的颜色。
快速应用，简单而优雅，Bootstrap会让Web应用程序看起来与Windows或GNOME下的程序一样，按钮一样，对话框一样，运行快速。越来越多的Web应用程序被直接放在桌面上运行，应用的一致性是趋势，开发人员可以把精力放在业务上，而不是UI设计上。
本书主要内容和特色
本书系统讲解Bootstrap技术的体系结构、基础知识、基本用法，以及各种深度应用。它不是一本语法书，也不是技术全能书，不会告诉读者怎么编写HTML、CSS和JavaScript代码，但它会告诉读者如何驾驭Bootstrap，让Bootstrap成为你的设计宝典、你的前端开发基地。在此基础上，读者可以拓展个人插件，让设计成为一种分享和积累。
简单来说，本书具有如下几个特点（也许这些特点并不都适合你，但是只要满足一条或几条，那么阅读本书或者把本书作为参考都是很合适的）：
快速上手。Bootstrap是一个比较复杂的前端技术框架，对于基础薄弱的读者来说，初步使用Bootstrap会面临很多困难和障碍。本书从下载Bootstrap框架开始，手把手地说明和演示，帮助读者快速上手，旨在教会读者正确使用Bootstrap，并应用Bootstrap所提供的全部功能。
扎实全面。Bootstrap是HTML、CSS和JavaScript技术框架，使用时应具备一定的基础才能够活学活用。本书知识点和技能点兼顾，系统而全面，确保读者在无基础的前提下能够轻松阅读、顺畅理解、心领神会。
深入解码。本书对于Bootstrap的剖析不仅关注知识面的系统，更强调技术的深度，特别是Bootstrap插件技术的开发；不仅对Bootstrap内部插件进行深入讲解和剖析，还对插件的设计原理、途径和方法进行解密，以帮助读者用好Bootstrap插件，开发自己的Bootstrap插件。
下面就本书主要内容进行简单说明和梳理。
第1章 为什么要学习Bootstrap
该章从知识角度重点介绍Bootstrap框架的前世今生，以及为什么要学习Bootstrap，如何开始学习等。
第2章 使用Bootstrap的准备
该章重点介绍如何使用Bootstrap，从下载Bootstrap框架、了解Bootstrap工具包类型和内部构成，到如何在页面中正确使用Bootstrap，手把手帮你实现第一个Bootstrap开发示例。
第3章 Bootstrap框架解析
Bootstrap框架主要由动态CSS语言编写，经过Node.js编译后，Bootstrap就是众多CSS的合集。该章就Bootstrap框架进行探索，以期帮助读者掌握该框架的基本实现方式和设计思路，主要包括全局样式表、栅格系统、Bootstrap布局、响应式设计等核心内容。
第4章 优化CSS样式
CSS本身没有可优化的，但是浏览器解析的默认标签样式却不敢恭维。Bootstrap对常用标签样式进行优化，使其更耐看，更精致。Bootstrap的基础CSS（Base CSS）提供了优雅、一致的多种基础HTML页面要素，包括排版、表格、表单、按钮等，能够满足前端工程师的基本设计需求。
第5章 CSS动态样式——LESS
LESS是一种半自动化的动态语言，它使CSS具备了初步编程的能力，在CSS的语法基础之上，引入了变量、混合、运算和函数等特性，大大提升了CSS动态开发能力，降低了CSS的维护成本。就像它的名称所表达的意思，LESS可以让我们用更少的代码做更多的事情。
第6章 使用Bootstrap组件
Bootstrap作为完整的前端工具集，内建了大量强大、优雅且可重用的组件。该章详细介绍按钮（button）、导航（navigation）、标签（label）、徽章（badge）、排版（typography）、缩略图（thumbnail）、提醒（alert）、进度条（progress bar）、杂项（miscellaneous）组件的结构和基本应用。
第7章 使用Bootstrap插件
Bootstrap自带了13个JavaScript插件，这些插件为Bootstrap组件赋予了生命，因此用户在学习使用Bootstrap组件的同时，还必须学习使用Bootstrap插件。该章将详细介绍这些插件的使用技法。
第8章 Bootstrap扩展
虽然Bootstrap自带很多JavaScript插件，但是一些常用的控件却没有，如Datepicker等。该章将介绍几款比较流行的Bootstrap扩展插件，帮助读者认识如何设计和使用Bootstrap外部插件，以弥补Bootstrap的不足之处。
第9章 使用Bootstrap快速开发社区分享网站
该章中的示例构建的主题是一个基本单词分享的学习型网站，旨在帮助读者学习如何用Bootstrap制作自己的响应式社区网站。Bootstrap是一个响应式框架，用它创建一个响应式Web应用程序将是一个伟大的起点。
第10章 Bootstrap内核解码
该章从Bootstrap应用阶段上升到源码分析阶段，帮助读者掌握Bootstrap设计原理，为Bootstrap二次开发打好基础。
读者对象
本书适合以下读者阅读：
打算学习DIV+CSS的设计人员。
打算学习JavaScript的开发人员。
有意提升自己网站设计水平和Web应用程序开发能力的Web开发人员。
希望全面深入理解Bootstrap框架的初学者。
没有UI设计经验的程序员。
希望快速搭建界面的网页设计人员。
此外，本书也适合熟悉下列相关技术的读者阅读：
PHP/ASP/JSP
jQuery
AJAX
HTML/XML
CSS
JavaScript
对于没有计算机基础知识的初学者，以及只想快速搭建网站UI和交互功能的读者，阅读本书前建议先阅读HTML、CSS和JavaScript基础教程类图书。
如何阅读本书
“工欲善其事，必先利其器”，在“善其事”之前，要先检查“器”是否已经磨得足够锋利，是否能够在前进的道路上披荆斩棘。无论将来的职业发展方向是架构师、设计师、分析师、管理者，还是其他职位，只要与Web设计打交道，就有必要打好技术基础。本书涉及的是核心的Bootstrap框架技术，如果能全部理解并付诸实践，一定可以提升读者的Web设计和开发水平。
要用好本书，读者应当准备一些HTML基础知识，如果熟悉CSS样式，将更容易理解一些设计规则。由于Bootstrap是一个前端综合技术框架，因而如果读者希望系统掌握Bootstrap，并开发自己的Bootstrap插件，则应该掌握JavaScript语言基础；如果仅仅是为了用好Bootstrap，则可以不考虑。
资源和勘误
本书编写过程中得到了以下人员的帮助：马本连、吴建华、江淑军、李斌、李经键、郑伟、田蜜、陆颖、王慧明、张炜、陈锐、王幼平、杨龙贵、苏震巍、崔鹏飞等，非常感谢他们。由于作者的水平有限，加之编写时间仓促，书中难免会出现一些错误或不准确的地方，恳请读者批评指正。书中的全部源文件可以从华章网站（www.hzbook.com）下载。如果您有任何意见和建议，欢迎发送邮件至邮箱js_code@126.com，期待得到您的真诚反馈。
致谢
感谢机械工业出版社华章分社策划编辑杨福川在这一年多的时间中始终支持我的写作，他的鼓励和帮助让我顺利完成了本书。
最后感谢我的父母，感谢他们的养育之恩，感谢他们时时刻刻给我信心和力量！
谨以此书献给我最爱的家人，以及众多热爱网页设计的朋友们！
成林
计算机\Web开发
BootStrap是一款简洁、直观、强悍、移动设备优先的前端开发框架，目标是让Web开发变得更迅速和简单。自Twitter将BootStrap开源以后，其在开源社区得到了极为广泛的关注，曾经很长一段时间内都是GitHub上最受欢迎的开源项目。BootStrap有很多优越的特性，比如：12列栅格布局、支持HTML 5标签和语法、支持响应式设计、可定制jQuery内置插件、跨设备和跨浏览器，等等。
如今国内外有很多流行的网站都在使用BootStrap，但是相关的资料和图书却很少， 本书应该能算得上是最有价值的参考资料了。它根据BootStrap的最新技术撰写，不仅全面讲解了BootStrap的各项功能及其用法，详细讲解了它的组件、插件和扩展的相关知识，而且还分析了它的内核源代码，几乎面面俱到，广度和深度兼备。
本书主要包含以下内容：
（1）BootStrap的构成组件、功能特色、开发工具、应用情况，以及它的下载和应用解析；
（2）BootStrap框架解析，包含全局样式表、栅格系统、布局、响应式设计等内容；
（3）CSS样式优化，包含页面排版优化、表格设计优化、表单设计优化、按钮设计，以及图片和图标的设计等内容；
（4）动态CSS 样式LESS的特性和使用；
（5）各种BootStrap组件的特性和使用；
（6）各种BootStrap插件的特性和使用；
（7）BootStrap的扩展；
（8）利用BootStrap开发一个社区分享网站的全部流程和方法；
（9）BootStrap内核源代码分析
……
成林 著：暂无简介
前言
第1章 为什么要学习Bootstrap 1
1.1 Bootstrap概述 2
1.1.1 Bootstrap的历史 2
1.1.2 选择Bootstrap的理由 3
1.1.3 一位程序员的话 4
1.1.4 Bootstrap构成模块 5
1.2 Bootstrap功能介绍 7
1.2.1 Bootstrap主要特色 7
1.2.2 Bootstrap主要功能 8
1.3 Bootstrap应用项目赏析 9
1.3.1 Bootstrap优秀网站 10
1.3.2 Bootstrap优秀插件 11
1.4 Bootstrap版本变化 12
1.5 Bootstrap开发工具和参考资源 16
1.5.1 Bootstrap开发工具 16
1.5.2 Bootstrap参考资源 16
第2章 使用Bootstrap的准备 18
2.1 下载和定制Bootstrap 19
2.1.1 下载Bootstrap 19
2.1.2 定制Bootstrap 20
2.2 Bootstrap的文件结构 24
2.2.1 源码版Bootstrap文件结构 24
2.2.2 编译版Bootstrap文件结构 26
2.3 Bootstrap应用解析 27
2.3.1 安装Bootstrap 27
2.3.2 Bootstrap架构解析 28
2.3.3 设计Bootstrap网页模板 28
2.4 开发第一个Bootstrap示例 30
2.4.1 设计交互组件 30
2.4.2 设计页面版式 31
第3章 Bootstrap框架解析 36
3.1 设计全局样式表 37
3.1.1 CSS全局样式设计思路 37
3.1.2 CSS规范和样式重用 39
3.1.3 CSS重设 41
3.2 栅格系统 43
3.2.1 网页栅格系统的设计技法 43
3.2.2 解析960栅格系统 46
3.2.3 Bootstrap栅格系统 50
3.2.4 响应式Bootstrap栅格系统 54
3.3 Bootstrap布局 58
3.3.1 固定式布局 58
3.3.2 流式布局 59
3.3.3 布局嵌套 60
3.4 响应式设计 61
3.4.1 什么是响应式设计 61
3.4.2 设计响应式图片 64
3.4.3 设计响应式布局结构 67
3.4.4 自适应显示/隐藏页面内容 72
3.4.5 响应式设计流程和实战 76
3.4.6 响应式Bootstrap 81
第4章 优化CSS样式 84
4.1 页面排版优化 85
4.1.1 标题和字体风格 85
4.1.2 文本强调风格 88
4.1.3 文本对齐风格 90
4.1.4 缩略语风格 90
4.1.5 地址风格 91
4.1.6 引用风格 91
4.1.7 列表风格 93
4.1.8 代码风格 95
4.2 表格优化设计 98
4.2.1 优化表格结构 98
4.2.2 默认风格 98
4.2.3 表格个性风格 100
4.2.4 表格行风格 102
4.3 表单优化设计 103
4.3.1 Bootstrap支持的表单控件 103
4.3.2 Bootstrap扩展的表单组件 106
4.3.3 默认风格 109
4.3.4 布局风格 110
4.3.5 外观风格 111
4.3.6 状态风格 115
4.4 按钮设计 117
4.4.1 默认风格 117
4.4.2 定制风格 119
4.4.3 状态风格 120
4.5 图片和图标设计 121
4.5.1 图片风格 121
4.5.2 图标风格 122
第5章 CSS动态样式——LESS 126
5.1 为什么要使用LESS 127
5.1.1 LESS概述 127
5.1.2 LESS的优势 127
5.1.3 LESS参考和工具 128
5.2 如何使用LESS 130
5.2.1 在客户端使用LESS 130
5.2.2 在服务器端使用LESS 134
5.3 LESS包含哪些内容 140
5.3.1 LESS基本特性 140
5.3.2 LESS主要功能 143
5.3.3 LESS和SASS 143
5.4 LESS动态语法 145
5.4.1 变量 145
5.4.2 混合 146
5.4.3 参数混合 146
5.4.4 模式匹配 148
5.4.5 条件表达式 151
5.4.6 嵌套规则 154
5.4.7 运算 156
5.4.8 颜色函数 156
5.4.9 数学函数 158
5.4.10 作用域 158
5.4.11 命名空间 159
5.4.12 注释 160
5.4.13 导入 161
5.4.14 字符串插值 161
5.4.15 转义字符 161
5.4.16 JavaScript表达式 162
5.5 Bootstrap与LESS结合 163
5.5.1 基于LESS的Bootstrap 163
5.5.2 Bootstrap变量 164
5.5.3 Bootstrap混合 169
第6章 使用Bootstrap组件 173
6.1 下拉菜单 174
6.1.1 快速体验下拉菜单 174
6.1.2 设计下拉菜单 177
6.1.3 设计多级下拉菜单 178
6.1.4 设置下拉菜单选项 179
6.2 按钮组 182
6.2.1 设计按钮组 182
6.2.2 设计按钮导航条 183
6.2.3 设计按钮布局 183
6.3 按钮式下拉菜单 184
6.3.1 设计按钮式下拉菜单 184
6.3.2 设计分隔样式 185
6.3.3 设计按钮式下拉菜单布局 185
6.4 导航 186
6.4.1 设计导航组件 186
6.4.2 设置导航选项 187
6.4.3 绑定导航和下拉菜单 189
6.4.4 设计导航列表 190
6.4.5 激活标签页 191
6.4.6 设计标签页布局 193
6.5 导航条 194
6.5.1 设计导航条 194
6.5.2 绑定表单和下拉菜单 196
6.5.3 导航条布局 198
6.6 面包屑和分页 201
6.6.1 设计面包屑 202
6.6.2 设计分页组件 203
6.6.3 设置分页选项 204
6.6.4 设计翻页组件 206
6.7 标签与徽章 207
6.8 缩略图 209
6.8.1 关于图像占位符 209
6.8.2 设计缩略图 210
6.9 警告框 213
6.9.1 设计警告框 213
6.9.2 添加关闭按钮 215
6.10 进度条 215
6.10.1 设计进度条 216
6.10.2 设置个性进度条 217
6.11 媒体 218
6.11.1 媒体版式 218
6.11.2 媒体列表 219
6.12 版式 220
6.12.1 Hero区块 220
6.12.2 页面标题 221
6.13 其他组件 222
6.13.1 Well 222
6.13.2 关闭图标 223
6.13.3 辅助类 223
第7章 使用Bootstrap插件 224
7.1 JavaScript插件开发概述 225
7.1.1 使用Bootstrap插件 225
7.1.2 过渡效果 227
7.2 模态对话框 228
7.2.1 设计对话框 228
7.2.2 调用对话框 230
7.2.3 应用对话框 232
7.3 下拉项 234
7.4 滚动监听 235
7.4.1 使用滚动监听插件 236
7.4.2 控制滚动监听 239
7.5 标签页 241
7.5.1 使用标签页插件 241
7.5.2 控制标签页插件 243
7.6 工具提示 244
7.6.1 使用工具提示插件 245
7.6.2 控制工具提示插件 246
7.7 弹出提示 247
7.7.1 使用弹出提示插件 248
7.7.2 控制弹出提示插件 249
7.8 警告框 251
7.9 按钮 253
7.10 折叠 256
7.10.1 使用折叠插件 256
7.10.2 控制折叠插件 259
7.11 轮播 262
7.11.1 使用轮播插件 262
7.11.2 控制轮播插件 264
7.12 输入提示 268
7.13 附加导航 270
第8章 Bootstrap扩展 274
8.1 针对IE6、IE7的Bootstrap扩展 275
8.1.1 使用Bsie插件 276
8.1.2 手动修补Bsie 277
8.2 Bootstrap Metro 278
8.3 颜色选择器 282
8.3.1 使用颜色选择器 282
8.3.2 配置颜色选择器 283
8.4 日期选择器 286
8.4.1 使用日期选择器 286
8.4.2 配置日期选择器 287
8.5 jQuery UI Bootstrap 293
第9章 使用Bootstrap快速开发社区分享网站 300
9.1 准备工作 301
9.1.1 定制Bootstrap 301
9.1.2 初始化Bootstrap 302
9.2 首页设计 303
9.2.1 设计思路 303
9.2.2 设计结构 305
9.2.3 设计主菜单和按钮 306
9.2.4 设计轮播广告位 308
9.2.5 设计新闻区和版权区版式 311
9.3 阅读页设计 312
9.3.1 设计响应式主菜单 313
9.3.2 设计附加导航菜单 314
9.3.3 设计页面版式 315
9.4 小组页设计 317
9.5 打卡页设计 320
9.5.1 设计页面栅格系统 320
9.5.2 设计滚动监听和附加导航 322
9.6 词根页设计 323
第10章 Bootstrap内核解码 326
10.1 定义jQuery插件 327
10.1.1 jQuery插件形式 327
10.1.2 jQuery插件规范 327
10.1.3 jQuery插件封装 329
10.1.4 jQuery插件优化 331
10.2 Bootstrap设计思想 336
10.2.1 类型化 336
10.2.2 松散与耦合处理 338
10.2.3 继承和可扩展性 340
10.3 Bootstrap框架解析 342
10.3.1 源码结构 342
10.3.2 类定义 343
10.3.3 插件定义 345
10.3.4 命名冲突解决 347
10.3.5 数据接口 347
10.4 Bootstrap内核解疑 347
10.4.1 封装形式 348
10.4.2 启用严格模式 349
10.4.3 插件中的this 353
