具体描述
本书是目前市面上少见的实战类Bootstrap图书，全书通过5个真实、具体、鲜活，又有代表性的项目实例，讲解了Bootstrap的各种特性和用法。5个实例由浅入深，既各自独立，又环环相扣，丰富的代码，精美的插图，加上细致入微的解释，让读者极易上手，不知不觉中就能掌握所有重要概念，步入Bootstrap高手行列。本书讲解了以下5种类型的网站：个人作品网站、WordPress主题、企业门户页面、在线电子商务站点和单页营销网站。
除了令人惊艳的项目实例，本书还向读者介绍了很多实用插件、框架，以及前端开发的工作流程，这些知识和技术并不局限于Bootstrap。特别地，作者用相当篇幅介绍了LESS的基本原理和使用方法，让即使从未接触过LESS的人也能感觉游刃有余。此外，全书各章还分别介绍了HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy，以及Roots的WordPress启动主题，让读者不必白手起家也能实现各种酷炫效果。
本书附录还介绍了为获得最快下载速度而对站点资源进行优化、实现响应式图片，以及为图片传送带添加手势的技术。作者提供的项目代码也非常完整、清晰，每一章都有相应的开始和完成文件夹，方便读者参考使用。
本书适合有一定HTML/CSS基础的开发人员和爱好者阅读学习，经验丰富的开发人员也可以把它当作参考。
作者简介
作者简介：
David Cochran
现为俄克拉荷马州卫斯理大学副教授，自2005年以来一直讲授交互设计。他重视最佳实践，不喜欢走捷径，推崇Web标准。2012年，David在webdesign.tutsplus.com上开设了Bootstrap 2.0系列教程专栏。他还在Packt Publishing出版过一个小书Twitter Bootstrap Web Development How-To 。闲暇时间，David会在自己网站alittlecode.com上写写博客。他还是媒体、设计和咨询公司BitBrilliant的负责人。
Ian Whitley
自幼爱好写作。2010年，他对Web开发产生了深厚兴趣，并投身其中。他很早就开始使用Twitter Bootstrap，而且在David Cochran的帮助下，很快就掌握了这个框架，并将其应用到了很多项目中。目前，他多数情况下会使用Bootstrap为客户创建WordPress模板。Ian是BitBrilliant公司的开发主管。
译者简介：
李松峰
2006年起投身翻译，译著30余部，包括《JavaScript高级程序设计》《简约至上》等畅销书。2008年进入出版业，目前在图灵公司从事技术图书策划和审稿工作，并担任《Web+DB Press中文版》杂志编委。
他经常参加社区活动，曾在W3ctech 2012 Mobile上分享“Dive into Responsive Web Design”。2013年1月应邀在金山网络分享“响应式Web设计”，3月应邀在奇虎360分享“JS的国”。在2014DevFest Beijing分享了“理解响应式Web设计”。
目录信息
1.1 数量和质量 1
1.1.1 与时俱进 1
1.1.2 LESS的威力 2
1.2 下载Bootstrap 2
1.3 准备项目模板文件夹 4
1.3.1 下载H5BP 4
1.3.2 删除不必要的样板文件 4
1.3.3 理解样板中的.htaccess文件 5
1.3.4 更新必要的样板文件 5
1.3.5 更新站点桌面和触摸设备图标 5
1.4 加入Bootstrap文件 5
1.4.1 字体 6
1.4.2 JavaScript 6
1.4.3 暂时不考虑CSS 文件 9
1.4.4 复制LESS文件 9
1.5 大盘点 9
1.6 构造HTML模板 10
1.7 设定站点标题 12
1.7.1 调整过时的浏览器消息 12
1.7.2 设置主结构元素 13
1.8 导航条 14
1.9 编译和链接默认的Bootstrap CSS 15
1.9.1 编译Bootstrap CSS 15
1.9.2 完成响应式导航条 17
1.9.3 排除故障 19
1.9.4 支持IE8 20
1.10 小结 21
第2章 作品展示站点 23
2.1 设计目标 23
2.2 查看练习文件 26
2.3 搭建传送带 28
2.4 创建响应式分栏 30
2.5 把链接变成按钮 31
2.6 理解LESS 32
2.6.1 嵌套规则 32
2.6.2 变量 33
2.6.3 混入 33
2.6.4 运算式 34
2.6.5 导入文件 34
2.6.6 模块化 35
2.7 根据需要定制Bootstrap的LESS文件 35
2.8 添加Logo图片 38
2.9 调整导航项内边距 40
2.10 添加图标 41
2.11 添加Font Awesome图标 43
2.12 调整导航项图标颜色 45
2.13 调整响应式导航条断点 47
2.14 调整传送带 47
2.14.1 把控件改成使用Font Awesome图标 48
2.14.2 添加上、下内边距 50
2.14.3 强制图片全宽 50
2.14.4 约束传送带的高度 51
2.14.5 重定位指示器 52
2.14.6 调整指示器外观 54
2.15 调整分栏及其内容 56
2.16 修饰页脚 60
2.17 接下来做什么 62
2.18 小结 63
第3章 WordPress主题 64
3.1 下载并重命名Roots主题 64
3.2 安装主题 66
3.3 配置导航条 69
3.4 添加首页内容 71
3.5 自定义页面模板 75
3.6 理解Roots的基准模板 76
3.7 创建自定义的基本模板 79
3.8 在自定义结构中使用自定义栏目 81
3.9 创建自定义的内容模板 83
3.9.1 通过自定义栏目构建传送带 84
3.9.2 使用自定义栏目构建三栏内容 87
3.10 加入页脚内容 88
3.11 Roots的assets文件夹里有什么 89
3.12 更换设计资源 90
3.13 链接样式表 91
3.14 链接JavaScript文件 92
3.15 为导航条和页脚添加Logo图片 94
3.16 添加图标链接 96
3.17 恢复WordPress特有的样式 97
3.18 小结 99
第4章 企业网站 100
4.1 准备启动文件 103
4.2 页头区 105
4.2.1 把Logo放到导航条上方 105
4.2.2 调整导航条 108
4.3 添加实用导航 110
4.4 调整响应式导航 112
4.5 调整配色 115
4.6 调整折叠后的导航条配色 116
4.7 设计复杂的响应式布局 120
4.7.1 调整中、宽布局 122
4.7.2 调整标题、字体大小和按钮 124
4.7.3 增大主栏 126
4.7.4 调整第三栏 128
4.7.5 针对多个视口进行微调 131
4.8 复杂的页脚 131
4.8.1 准备标记 131
4.8.2 调整布局适应平板 132
4.8.3 针对性地清除 134
4.8.4 修整细节 135
4.9 小结 138
第5章 电子商务网站 139
5.1 商品页的标记 141
5.2 面包屑、页面标题和分页导航 142
5.3 调整商品网格 145
5.4 侧边栏和筛选选项 150
5.4.1 基本布局 152
5.4.2 Clearance Sale按钮 152
5.4.3 选项列表 154
5.4.4 为选项链接添加Font Awesome图标复选框 156
5.4.5 使用LESS混入在栏中对齐选项 159
5.4.6 针对平板和手机调整选项列表布局 159
5.4.7 在手机上折叠选项面板 161
5.5 小结 165
第6章 单页营销网站 166
6.1 概况 166
6.2 初始文件 169
6.3 了解页面内容 169
6.4 调整导航条 170
6.5 定制高清图 171
6.6 美化功能列表 178
6.7 装饰用户评论区 182
6.7.1 定位及美化说明 183
6.7.2 调整说明元素的位置 186
6.7.3 添加Bootstrap的网格类 187
6.7.4 下载并链接JavaScript插件 188
6.7.5 初始化Masonry插件 189
6.7.6 切齐图片 191
6.7.7 适应小微屏幕 194
6.8 吸引人的价目表 194
6.8.1 准备变量、文件和标记 195
6.8.2 表格头 197
6.8.3 表体和表脚 199
6.8.4 为不同的价目表添加不同的样式 200
6.8.5 适配小视口 202
6.8.6 突出重要的表格 205
6.9 最后的调整 209
6.10 为导航条添加ScrollSpy 211
6.11 小结 213
附录A 优化站点资源 214
附录B 实现响应式图片 218
附录C 让传送带支持手势 225
· · · · · · (收起)
读后感
这本书各章节循循善诱，手把手教你一步一步通过使用Bootstrap还有其他几个库来构造一个很Awsome的网站应用。 这是个通过既有现成的软件库，来搭建应用的事例，这是现代软件开发最寻常的工程方式，就像工程总装零件一样。 这件事听上去应该是很简单的，轻松的，不需要什么很高深...
这本书各章节循循善诱，手把手教你一步一步通过使用Bootstrap还有其他几个库来构造一个很Awsome的网站应用。 这是个通过既有现成的软件库，来搭建应用的事例，这是现代软件开发最寻常的工程方式，就像工程总装零件一样。 这件事听上去应该是很简单的，轻松的，不需要什么很高深...
这本书各章节循循善诱，手把手教你一步一步通过使用Bootstrap还有其他几个库来构造一个很Awsome的网站应用。 这是个通过既有现成的软件库，来搭建应用的事例，这是现代软件开发最寻常的工程方式，就像工程总装零件一样。 这件事听上去应该是很简单的，轻松的，不需要什么很高深...
这本书各章节循循善诱，手把手教你一步一步通过使用Bootstrap还有其他几个库来构造一个很Awsome的网站应用。 这是个通过既有现成的软件库，来搭建应用的事例，这是现代软件开发最寻常的工程方式，就像工程总装零件一样。 这件事听上去应该是很简单的，轻松的，不需要什么很高深...
这本书各章节循循善诱，手把手教你一步一步通过使用Bootstrap还有其他几个库来构造一个很Awsome的网站应用。 这是个通过既有现成的软件库，来搭建应用的事例，这是现代软件开发最寻常的工程方式，就像工程总装零件一样。 这件事听上去应该是很简单的，轻松的，不需要什么很高深...
用户评价
这本书的组织结构简直是一团乱麻，缺乏清晰的逻辑推进线索。它不像是一条精心铺设的轨道，引导读者从A点平稳过渡到B点，更像是一堆散落的积木，作者似乎随机地将各个知识点堆砌在一起。前一章还在讨论用户界面布局的细微差别，后一章突然跳到了服务器端的数据加密协议，中间没有任何必要的过渡或铺垫，让初学者完全摸不着头脑。这种跳跃式的叙事方式，使得知识点之间难以形成有效的联系，读者很难建立起一个宏观的、结构化的理解框架。我需要的是一种自底向上或自顶向下的系统化讲解，而不是这种零散的、碎片化的信息轰炸。最终的结果是，我读完了许多独立的片段，却无法将它们整合成一个有用的知识体系，学习的成果严重不成比例地偏向于“知道”而非“掌握”。
语言风格上，这本书显得极其晦涩和古板，仿佛是上世纪八十年代的技术文档翻译腔。句子结构冗长而复杂，充满了大量的被动语态和不必要的专业术语堆砌，阅读起来非常吃力，完全不符合现代技术书籍应有的那种清晰、直接的沟通风格。作者似乎沉迷于使用那些华丽但空洞的词藻来包装简单的概念，导致读者需要反复回读才能捕捉到核心信息。例如，一段本该用三句话就能阐述清楚的流程，却被拉伸成了半页密密麻麻的文字迷宫。这种沟通上的障碍极大地降低了学习效率，尤其是在需要快速查阅和理解特定步骤的时候，这种叙述方式简直是效率的头号杀手。我希望作者能用更生活化、更具引导性的语言来构建知识体系，而不是用这种教条主义的腔调来对待读者。
这本书的排版和设计简直是一场灾难，初次拿到手时，那种厚重的纸张带着一股廉价的油墨味，立刻让我对内容产生了深深的疑虑。内页的字体大小不一，段落间距忽宽忽窄，看得人眼花缭乱，仿佛是随手用一台老旧的激光打印机批量复印出来的。更要命的是，插图——如果那还能称之为插图的话——模糊不清，色彩失真，很多关键代码块的缩进错位，让我不得不花大量时间去猜测作者到底想表达什么。那种阅读体验，就像是试图在一堆杂乱无章的草稿中寻找一篇结构清晰的论述，每翻一页都像是在进行一次精神上的拉锯战。我原以为能通过这本书系统地学习某种前沿技术，结果却发现自己主要是在学习如何对抗糟糕的视觉呈现，这对于一本技术书籍来说，是不可原谅的疏忽。那种阅读下去的挫败感，几乎要让我把书扔到一边，转而寻求网络上更清晰的资源来弥补这种视觉和逻辑上的双重折磨。
这本书的理论深度简直是浅尝辄止，与其说是一本“实战”指南，不如说是一本初级入门的宣传手册。作者似乎习惯于抛出一个概念，然后迅速跳到下一个，中间没有任何深入的剖析或原理层面的探讨。比如，当谈及某个核心算法的优化时，书中只是简单地罗列了几个参数，却从未解释为什么这些参数会产生特定的效果，背后的数学模型或工程权衡是什么。我期待的是那种能让我醍醐灌顶、理解事物本质的讲解，结果得到的却是一堆可以轻松在任何搜索引擎上找到的定义和示例代码的简单拼接。对于有一定基础的读者来说，这本书几乎没有提供任何增量价值，它更像是为完全的门外汉准备的“安慰剂”，让你感觉自己“学到了东西”，但实际上知识的密度低到令人发指。我需要的是能挑战我思维边界的内容，而不是这种喂食式的、缺乏营养的知识碎片。
在实战案例的选取和实现上，这本书暴露出了严重的滞后性和脱节感。所提供的项目案例陈旧过时，很多引用的库版本已经不再是当前的主流，甚至在某些最新的操作系统环境下直接无法编译运行。当我试图跟随书中的步骤搭建环境时，不断遇到API弃用、依赖冲突等问题，每一次“修复”都像是在与一本过时的参考手册进行搏斗。这种“实战”的体验非但没有增强我的信心，反而让我对作者的技术敏感度产生了质疑。一本关于前沿技术的书籍，其内容鲜活度应该是其生命线，但这本书却像是一具被冷冻起来的标本，展示的是过去的美好，却无法适应现在复杂多变的技术生态。花费大量时间去调试那些早已被淘汰的示例代码，是对宝贵学习时间的一种巨大浪费。
不止Bootstrap，学到很多前端知识。
学习真是有趣，自从了解到楼下妹子工资就兴趣从无到有。。。IT行业真是可以、大学为什么不修个计算机学位。。。复杂的东西在历史的进程中越来越简单化
一开始看了这本书 有点模糊 后来直接上菜鸟教程看 但是感觉还是基础不够扎实 有空需要再看一次
案例有点特化，翻译……作为入门其实不太合适。
新手可不要看。简单跟着做了下，没有下书中资源，有些icon之类做 https://github.com/angsheng/h5bp
