《深入理解Bootstrap》源代码

为网友们分享了Bootstrap类书籍配套资源，介绍了关于Bootstrap、Bootstrap方面的内容，本书是由机械工业出版社出版，已被830人关注，由隗莉颖测试纠错，目前本书在Bootstrap类综合评分为：7.3分。

书籍介绍

本书是目前Bootstrap领域技术版本最新、内容最详细全面、实战性最强、最具有深度的著作。它是资深Web技术专家经验结晶，不仅授人以鱼，全面讲解了Bootstrap各个功能组件的使用方法，以及对现有插件和扩展的二次开发；授人以渔，深入分析了Bootstrap的架构思想和各组件源码实现，以及如何开发自定义的完整插件和扩展。既能满足初级前端工程师系统学习并迅速实践Bootstrap的需要，又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。

全书一共9章：第1章介绍了学习Bootstrap必须具备的基础知识；第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、Javascript插件架构；第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景；第5章详细讲解了JavaScript的各种插件的使用方法和源码实现；第6章讲解了如何扩展现有的组件；第7~9章通过3个综合性的案例讲解了Win 8磁铁组件的开发、组合应用的开发以及自定义第三方扩展的开发。

封面图

目录

• 前言
• 第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复选框与单选框作为addon / 115
• 4.5.4按钮作为addon / 115
• 4.5.5下拉菜单按钮作为addon / 117
• 4.5.6分段按钮作为addon / 117
• 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.1Font Awesome / 345
• 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.3Buttons / 353
• 9.4DateTime Picker / 356
• 9.5Cikonss / 358
• 9.6Flat UI / 359
• 9.7更多插件 / 360
• 附录A浏览器兼容性支持 / 361
• 附录B第三方插件开发建议 / 365
• 附录C从2.x迁移到3.x / 366
• 附录DGlyphicons图标全集 / 369