Bootstrap实战 PDF 超清版

内容简介

书由国内资深前端工程师撰写，是目前内容最为全面和深入的Bootstrap专著。它不仅系统讲解了Bootstrap的各项功能和使用方法，详细讲解了Bootstrap的组件、插件和扩展技术，而且深度解析了Bootstrap的内核源代码。本书实战性强，为各个知识点都精心设计了辅助说明问题的小案例，最后还包含一个综合性的大案例，不仅能满足读者系统学习理论知识的需求，还能满足读者充分实践的需求。

全书一共10章：第1章和第2章介绍了Bootstrap的构成组件、功能特色、开发工具、应用情况，以及它的下载和应用解析；第3章对Bootstrap框架进行了解析，包含全局样式表、栅格系统、布局、响应式设计等内容；第4章讲解了CSS样式的优化，包含页面排版优化、表格设计优化、表单设计优化、按钮设计，以及图片和图标的设计等内容；第5~8章则分别讲解了CSS动态样式LESS的特性和使用、各种Bootstrap组件的特性和使用、各种Bootstrap插件的特性和使用、Bootstrap的扩展等内容；第9章逐步讲解了利用Bootstrap开发一个社区分享网站的全部流程和方法，是一个综合性的大案例；第10章则对Bootstrap的内核源代码进行了深入的分析。

目录

• 前言
• 第1章为什么要学习Bootstrap1
• 1.1Bootstrap概述2
• 1.1.1Bootstrap的历史2
• 1.1.2选择Bootstrap的理由3
• 1.1.3一位程序员的话4
• 1.1.4Bootstrap构成模块5
• 1.2Bootstrap功能介绍7
• 1.2.1Bootstrap主要特色7
• 1.2.2Bootstrap主要功能8
• 1.3Bootstrap应用项目赏析9
• 1.3.1Bootstrap优秀网站10
• 1.3.2Bootstrap优秀插件11
• 1.4Bootstrap版本变化12
• 1.5Bootstrap开发工具和参考资源16
• 1.5.1Bootstrap开发工具16
• 1.5.2Bootstrap参考资源16
• 第2章使用Bootstrap的准备18
• 2.1下载和定制Bootstrap19
• 2.1.1下载Bootstrap19
• 2.1.2定制Bootstrap20
• 2.2Bootstrap的文件结构24
• 2.2.1源码版Bootstrap文件结构24
• 2.2.2编译版Bootstrap文件结构26
• 2.3Bootstrap应用解析27
• 2.3.1安装Bootstrap27
• 2.3.2Bootstrap架构解析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.1CSS全局样式设计思路37
• 3.1.2CSS规范和样式重用39
• 3.1.3CSS重设41
• 3.2栅格系统43
• 3.2.1网页栅格系统的设计技法43
• 3.2.2解析960栅格系统46
• 3.2.3Bootstrap栅格系统50
• 3.2.4响应式Bootstrap栅格系统54
• 3.3Bootstrap布局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响应式Bootstrap81
• 第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.1Bootstrap支持的表单控件103
• 4.3.2Bootstrap扩展的表单组件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动态样式——LESS126
• 5.1为什么要使用LESS127
• 5.1.1LESS概述127
• 5.1.2LESS的优势127
• 5.1.3LESS参考和工具128
• 5.2如何使用LESS130
• 5.2.1在客户端使用LESS130
• 5.2.2在服务器端使用LESS134
• 5.3LESS包含哪些内容140
• 5.3.1LESS基本特性140
• 5.3.2LESS主要功能143
• 5.3.3LESS和SASS143
• 5.4LESS动态语法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.16JavaScript表达式162
• 5.5Bootstrap与LESS结合163
• 5.5.1基于LESS的Bootstrap163
• 5.5.2Bootstrap变量164
• 5.5.3Bootstrap混合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.1Hero区块220
• 6.12.2页面标题221
• 6.13其他组件222
• 6.13.1Well222
• 6.13.2关闭图标223
• 6.13.3辅助类223
• 第7章使用Bootstrap插件224
• 7.1JavaScript插件开发概述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手动修补Bsie277
• 8.2BootstrapMetro278
• 8.3颜色选择器282
• 8.3.1使用颜色选择器282
• 8.3.2配置颜色选择器283
• 8.4日期选择器286
• 8.4.1使用日期选择器286
• 8.4.2配置日期选择器287
• 8.5jQueryUIBootstrap293
• 第9章使用Bootstrap快速开发社区分享网站300
• 9.1准备工作301
• 9.1.1定制Bootstrap301
• 9.1.2初始化Bootstrap302
• 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.1jQuery插件形式327
• 10.1.2jQuery插件规范327
• 10.1.3jQuery插件封装329
• 10.1.4jQuery插件优化331
• 10.2Bootstrap设计思想336
• 10.2.1类型化336
• 10.2.2松散与耦合处理338
• 10.2.3继承和可扩展性340
• 10.3Bootstrap框架解析342
• 10.3.1源码结构342
• 10.3.2类定义343
• 10.3.3插件定义345
• 10.3.4命名冲突解决347
• 10.3.5数据接口347
• 10.4Bootstrap内核解疑347
• 10.4.1封装形式348
• 10.4.2启用严格模式349
• 10.4.3插件中的this353