作者: [美] David Cochran/[美] Ian Whitley 出版社: 人民邮电出版社 原作名: Bootstrap Site Blueprints 译者: 李松峰 出版年: 2015-5 页数: 240 定价: 49.00元 装帧: 平装 丛书: 图灵程序设计丛书·Web开发系列 ISBN: 9787115388872

内容简介

本书是目前市面上少见的实战类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设计”。

网友热评

盛昂: 新手可不要看。简单跟着做了下，没有下书中资源，有些icon之类做 https://github.com/angsheng/h5bp 豆友87715711: 不止Bootstrap，学到很多前端知识。 无名: 一开始看了这本书 有点模糊 后来直接上菜鸟教程看 但是感觉还是基础不够扎实 有空需要再看一次 远江静如练: 案例有点特化，翻译……作为入门其实不太合适。 章学勤: 除了本书外，bootstrap只看过官方的文档，没与其他书籍比较过。但我个人认为，这本书还是比较适合初学者的，涉及到了awesome font，less还有一些其它的，虽然介绍的都比较简单，但个人认为还是能起到一个简单的概览作用的，像less也可以看看官方的介绍。这本书是bootstrap3的，写短评时bootstrap的官网有bootstrap4的预览了。

图书目录

第1章　初识Bootstrap　　1 1.1数量和质量　　1 1.1.1与时俱进　　1 1.1.2LESS的威力　　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.2JavaScript　　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编译和链接默认的BootstrapCSS　　15 1.9.1编译BootstrapCSS　　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添加FontAwesome图标　　43 2.12调整导航项图标颜色　　45 2.13调整响应式导航条断点　　47 2.14调整传送带　　47 2.14.1把控件改成使用FontAwesome图标　　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.11Roots的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.2ClearanceSale按钮　　152 5.4.3选项列表　　154 5.4.4为选项链接添加FontAwesome图标复选框　　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