深入理解Bootstrap PDF 超清版

内容简介

Bootstrap是目前全球最流行、最火爆的Web前端开发框架之一。它的强大之处在于它将常见的CSS布局小组件和JavaScript插件进行了完整并完善的封装，能让没有经验的前端工程师和后端开发工程师都迅速掌握和使用，大大提高开发效率。此外，它还能在某种程度上规范前端团队编写CSS和JavaScript的规范。

Bootstrap更新比较快，目前国内仅有的两本书也都过时了，《Web开发技术丛书：深入理解Bootstrap》是根据Bootstrap的最新版本来撰写的。它同时面向两类读者：没有Bootstrap经验的初级前端开发工程师，书中对Bootstrap功能组件的详细讲解以及大量案例的展示能让他们迅速晋级到中高端水平；有一定Bootstrap经验的专业前端开发工程师，书中对Bootstrap架构思想的阐述、实现原理的分析、扩展和插件的二次开发能让他们自如解决开发中遇到的各种疑难问题。

目录

• 前言
• 第1章入门准备1
• 1.1框架简介1
• 1.2新手入门2
• 1.3文件结构4
• 1.4HTML标准模板5
• 1.5CSS基本语法6
• 1.5.1优先级6
• 1.5.2选择器6
• 1.5.3伪类7
• 1.5.4display属性8
• 1.5.5媒体查询8
• 1.6JavaScript基本语法9
• 1.6.1||和&&运算符9
• 1.6.2立即调用的函数表达式9
• 1.6.3原型10
• 1.7jQuery基本用法10
• 1.7.1事件绑定11
• 1.7.2事件命名空间11
• 1.7.3$.data()12
• 1.8HTML5辅助设计12
• 第2章整体架构14
• 2.1整体架构14
• 2.2栅格系统16
• 2.2.1实现原理16
• 2.2.2基本用法18
• 2.2.3响应式栅格22
• 2.2.4对重复代码的处理26
• 2.3CSS组件架构的设计思想26
• 2.3.1基础样式27
• 2.3.2颜色样式27
• 2.3.3尺寸样式29
• 2.3.4状态样式29
• 2.3.5特殊元素样式30
• 2.3.6并列元素样式32
• 2.3.7嵌套子元素样式32
• 2.3.8动画样式33
• 2.3.9小结34
• 2.4JavaScript插件架构34
• 2.4.1HTML布局规则34
• 2.4.2JavaScript实现步骤36
• 2.4.3通用技术39
• 2.4.4不足41
• 2.5禁用响应式布局41
• 第3章CSS布局43
• 3.1概述43
• 3.2基础排版45
• 3.2.1标题45
• 3.2.2页面主题46
• 3.2.3强调文本47
• 3.2.4缩略语48
• 3.2.5地址元素48
• 3.2.6引用49
• 3.2.7列表50
• 3.3代码54
• 3.3.1内联代码54
• 3.3.2用户输入代码54
• 3.3.3多行代码块55
• 3.4表格55
• 3.4.1基础样式55
• 3.4.2带背景条纹的表格56
• 3.4.3带边框的表格57
• 3.4.4鼠标悬停高亮的表格58
• 3.4.5紧凑型表格58
• 3.4.6行级元素样式59
• 3.4.7响应式表格60
• 3.5表单62
• 3.5.1基础表单63
• 3.5.2内联表单64
• 3.5.3横向表单66
• 3.5.4表单控件67
• 3.5.5控件状态69
• 3.5.6控件大小74
• 3.5.7其他76
• 3.6按钮76
• 3.6.1按钮样式76
• 3.6.2按钮大小78
• 3.6.3多标签支持80
• 3.6.4活动状态80
• 3.6.5禁用状态81
• 3.7图像82
• 3.8辅助样式83
• 3.8.1文本样式及背景样式83
• 3.8.2辅助图标84
• 3.8.3内容浮动85
• 3.8.4隐藏与显示86
• 3.9响应式样式86
• 第4章CSS组件88
• 4.1小图标88
• 4.1.1基本用法88
• 4.1.2实现方式89
• 4.1.3应用场景92
• 4.1.4其他93
• 4.2下拉菜单94
• 4.2.1基本用法94
• 4.2.2多级嵌套97
• 4.3按钮组98
• 4.3.1基本用法99
• 4.3.2按钮工具栏100
• 4.3.3按钮尺寸设置101
• 4.3.4嵌套分组102
• 4.3.5垂直分组103
• 4.3.6自适应分组106
• 4.4按钮下拉菜单107
• 4.4.1组合式下拉菜单107
• 4.4.2分离式下拉菜单108
• 4.4.3按钮大小109
• 4.4.4向上弹起的下拉菜单109
• 4.5输入框组110
• 4.5.1基本用法110
• 4.5.2尺寸大小设置113
• 4.5.3复选框与单选框作为addon115
• 4.5.4按钮作为addon115
• 4.5.5下拉菜单按钮作为addon117
• 4.5.6分段按钮作为addon117
• 4.6导航118
• 4.6.1选项卡导航119
• 4.6.2胶囊式选项卡导航120
• 4.6.3堆叠式导航121
• 4.6.4自适应导航123
• 4.6.5禁用链接124
• 4.6.6二级导航实现124
• 4.7导航条126
• 4.7.1基础导航条126
• 4.7.2导航条中的表单130
• 4.7.3导航条中的按钮、文本、链接132
• 4.7.4导航条中的项进行左右浮动134
• 4.7.5顶部固定或底部固定134
• 4.7.6响应式导航条136
• 4.7.7反色导航条140
• 4.8面包屑导航141
• 4.9分页导航143
• 4.9.1页码分页143
• 4.9.2翻页145
• 4.10标签147
• 4.11徽章149
• 4.12大屏幕展播151
• 4.13页面标题152
• 4.14缩略图153
• 4.15警告框155
• 4.15.1默认警告框155
• 4.15.2可关闭的警告框156
• 4.15.3多彩样式警告框157
• 4.15.4警告框中的链接158
• 4.16进度条159
• 4.16.1基本样式159
• 4.16.2多彩样式160
• 4.16.3条纹样式161
• 4.16.4动画样式162
• 4.16.5堆叠样式162
• 4.17媒体对象163
• 4.17.1默认样式163
• 4.17.2媒体列表164
• 4.18列表组165
• 4.18.1基础列表组165
• 4.18.2应用徽章标记或导航箭头166
• 4.18.3可链接的列表组167
• 4.18.4多彩列表项168
• 4.18.5自定义列表组169
• 4.19面板171
• 4.19.1基础面板171
• 4.19.2带有头和尾的面板172
• 4.19.3多彩面板173
• 4.19.4面板与表格进行嵌套174
• 4.19.5面板和列表组进行嵌套177
• 4.20洼地179
• 4.21主题180
• 4.21.1btn按钮样式主题181
• 4.21.2缩略图样式主题182
• 4.21.3下拉菜单样式主题182
• 4.21.4导航条样式主题182
• 4.21.5警告框样式主题183
• 4.21.6进度条样式主题184
• 4.21.7列表组样式主题184
• 4.21.8面板样式主题184
• 4.21.9well样式主题185
• 第5章JavaScript插件186
• 5.1动画过渡效果186
• 5.1.1使用方法186
• 5.1.2源码分析187
• 5.2模态弹窗188
• 5.2.1弹窗布局与样式189
• 5.2.2声明式用法194
• 5.2.3JavaScript用法195
• 5.2.4源码分析197
• 5.3下拉菜单203
• 5.3.1声明式用法204
• 5.3.2JavaScript用法207
• 5.3.3源码分析208
• 5.4滚动侦测212
• 5.4.1声明式用法213
• 5.4.2JavaScript用法214
• 5.4.3源码分析215
• 5.5选项卡219
• 5.5.1声明式用法220
• 5.5.2JavaScript用法221
• 5.5.3源码分析222
• 5.6提示框225
• 5.6.1声明式用法226
• 5.6.2JavaScript用法228
• 5.6.3源码分析229
• 5.7弹出框240
• 5.7.1声明式用法241
• 5.7.2JavaScript用法242
• 5.7.3源码分析244
• 5.8警告框插件246
• 5.8.1声明式用法247
• 5.8.2JavaScript用法248
• 5.8.3源码分析249
• 5.9按钮251
• 5.9.1声明式用法251
• 5.9.2JavaScript用法253
• 5.9.3源码分析253
• 5.10折叠256
• 5.10.1声明式用法257
• 5.10.2JavaScript用法258
• 5.10.3源码分析259
• 5.11旋转轮播264
• 5.11.1声明式用法264
• 5.11.2CSS源码分析266
• 5.11.3JavaScript用法270
• 5.11.4源码分析272
• 5.12自动定位浮标280
• 5.12.1声明式用法282
• 5.12.2JavaScript用法284
• 5.12.3源码分析284
• 第6章实战：扩展现有组件289
• 6.1扩展分页组件289
• 6.1.1形状扩展289
• 6.1.2颜色扩展290
• 6.2扩展Modal弹窗292
• 6.2.1扩展点探讨292
• 6.2.2Info弹窗扩展293
• 6.2.3Form弹窗扩展301
• 第7章实战：Win8磁贴组件开发311
• 7.1基本样式311
• 7.1.1方块定义311
• 7.1.2边框定义312
• 7.2颜色样式313
• 7.3尺寸样式314
• 7.4状态设置316
• 7.5特殊元素样式317
• 7.5.1tile-content样式定义318
• 7.5.2tile-content子元素的样式定义318
• 7.5.3Brand样式定义320
• 7.6并列元素与嵌套样式321
• 7.7动画插件323
• 7.8更全的Win8风格样式329
• 第8章实战：组合应用开发330
• 8.1任务描述330
• 8.2实战过程332
• 8.3笔者的建议342
• 8.4实战成果343
• 8.5所用技术总结344
• 第9章第三方扩展345
• 9.1FontAwesome345
• 9.1.1介绍345
• 9.1.2常规用法346
• 9.1.3List列表上的图标347
• 9.1.4导航上的图标347
• 9.1.5固定角度旋转348
• 9.1.6360度旋转349
• 9.1.7多图叠加350
• 9.2BSIE扩展352
• 9.3Buttons353
• 9.4DateTimePicker356
• 9.5Cikonss358
• 9.6FlatUI359
• 9.7更多插件360
• 附录A浏览器兼容性支持361
• 附录B第三方插件开发建议365
• 附录C从2.x迁移到3.x366
• 附录DGlyphicons图标全集369