本书由国内资深前端工程师撰写,是国内第一本关于BootStrap的原创著作,也是目前国际上内容最为全面和深入的一本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.2Bootstrap Metro278
- 8.3颜色选择器282
- 8.3.1使用颜色选择器282
- 8.3.2配置颜色选择器283
- 8.4日期选择器286
- 8.4.1使用日期选择器286
- 8.4.2配置日期选择器287
- 8.5jQuery UI Bootstrap293
- 第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