Bootstrap实战 PDF 高清版

Bootstrap实战书是现阶段目前市面上罕见的实战演练类Bootstrap书籍，本书根据五个真正、实际、新鲜，又有象征性的新项目实例，解读了Bootstrap的各种各样特点和使用方法。五个实例循序渐进，既分别单独，又一环扣一环，丰富多彩的编码，精致的插画图片，再加认真细致的表述，让读者非常容易入门，不经意间中就能把握全部关键定义，踏入Bootstrap大神队伍。这书解读了下列5种种类的网址：本人著作网址、WordPress主题、企业门户网页页面、线上电商网站和宣传单页营销型网站。

除开让人震撼的新项目实例，这书还向读者介绍了许多好用软件、架构，及其前端工程师的工作内容，这种专业知识和技术性并不限于Bootstrap。非常地，作者用非常篇数介绍了LESS的基本概念和操作方法，让即便从没触碰过LESS的人也可以觉得得心应手。除此之外，本书每章还各自介绍了HTML5Boilerplate、FontAwesome、Respond.js、Masonry、Scroll-Spy，及其Roots的WordPress起动主题，让读者无须白手起家创业也可以完成各种各样炫酷实际效果。

这书附则还介绍了为得到更快网络速度而对网站資源开展提升、完成响应式网站图片，及其为图片输送带加上手式的技术性。作者出示的新项目编码也十分详细、清楚，每一章都是有相对的刚开始和进行文件夹名称，便捷读者参照应用。

这书合适有一定HTML/CSS基本的开发者和发烧友阅读文章学习培训，阅历丰富的开发者还可以把它作为参照。

目录

• 第1章　初识Bootstrap　　1
• 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