Bootstrap前端开发从新手到高手（微视频版）

　　Bootstrap 是由 Twitter 在2011年8月推出的开源前端框架，如今已发展成为广受欢迎的前端 UI框架。《Bootstrap前端开发从新手到高手（微视频版）》深入探讨了 Bootstrap 的框架基础、栅格系统、基础样式、组件等核心内容，并进一步展示了如何利用 Bootstrap进行实际网站开发。本书共分8章，内容涵盖了Bootstrap快速入门、基础样式、组件库、工具类、弹性布局、表格样式、表单样式以及定制与优化等。在每章的最后还提供了紧贴实战的综合案例，力求为读者带来良好的学习体验。本书提供了与内容同步的案例操作教学资源，读者可扫描前言中的二维码进行学习。本书具有很强的实用性和可操作性，可以作为初学者的自学用书，也可作为Web前端开发技术人员的首选参考书，还可作为高等院校Web前端开发、网站设计等相关专业的教材。本书对应的电子课件、完整代码文档和实例源文件可以到http：//www.tupwk.com.cn/downpage网站下载，也可以通过扫描前言中的二维码获取。读者还可以扫描前言中的视频二维码直接观看教学视频。

暂缺《Bootstrap前端开发从新手到高手（微视频版）》作者简介

第 1 章 快速入门 1
1.1 Bootstrap概述 2
1.1.1 Bootstrap的由来 2
1.1.2 Bootstrap的发展历程 2
1.1.3 Bootstrap浏览器支持 3
1.1.4 选择Bootstrap的原因  4
1.2 下载Bootstrap  5
1.2.1 下载源码版Bootstrap 7
1.2.2 下载编译版Bootstrap 8
1.3 引入Bootstrap  9
1.4 布局容器  15
1.5 栅格系统  17
1.5.1 基础知识 17
1.5.2 自动布局列 21
1.5.3 响应式布局类 25
1.5.4 嵌套布局 28
1.5.5 列布局 29
1.6 实战案例——企业网站首页 32
1.6.1 案例概述 32
1.6.2 设计页面导航区 33
1.6.3 设计页面展示区 34
1.6.4 添加搜索栏 34
1.6.5 设计主体内容区 35
1.6.6 设计两栏图文区 38
1.6.7 添加footer区 39
1.6.8 设计页面样式 40
1.7 思考与练习 44
第 2 章 基础样式 45
2.1 页面排版 46
2.2 标题 47
2.2.1 Bootstrap标准标题 47
2.2.2 内联子标题 49
2.2.3 标题辅助文本 49
2.3 正文 49
2.3.1 段落样式 50
2.3.2 内联文本 51
2.4 文本块 52
2.4.1 缩略语 52
2.4.2 引用 53
2.4.3 列表 54
2.4.4 代码 57
2.5 图片 58
2.5.1 响应式图片 58
2.5.2 图片边框 59
2.5.3 图片形状 60
2.6 轮廓 61
2.7 实战案例——在线简历模板 62
2.7.1 案例概述 62
2.7.2 设计布局 64
2.7.3 制作信息栏 65
2.7.4 制作导航条 67
2.7.5 制作简历主页 67
2.8 思考与练习 73
第 3 章 组件库 75
3.1 正确使用Bootstrap组件 76
3.2 按钮和按钮组 79
3.2.1 按钮 79
3.2.2 按钮组 83
3.3 标签和徽章 85
3.3.1 标签 85
3.3.2 徽章 86
3.4 导航系统 87
3.4.1 导航和导航条 87
3.4.2 下拉菜单 94
3.4.3 列表组 98
3.4.4 分页 100
3.5 进度条 101
3.6 卡片和旋转器 102
3.6.1 卡片 103
3.6.2 旋转器 107
3.7 模态窗口 111
3.8 提示组件 113
3.8.1 工具提示框 113
3.8.2 弹出提示框 114
3.8.3 警告框 116
3.9 折叠组件和手风琴组件 117
3.9.1 折叠组件 117
3.9.2 手风琴组件 119
3.10 轮播组件 121
3.11 滚动监听组件 124
3.11.1 监听导航 124
3.11.2 监听导航条 125
3.12 实战案例——网站后台管理页面 128
3.12.1 案例概述 128
3.12.2 设计页面布局 129
3.12.3 设计导航栏 130
3.12.4 设计左侧边栏 134
3.12.5 设计主功能区 135
3.12.6 设计版权区域 138
3.13 思考与练习 139
第 4 章 工具类 141
4.1 认识工具类 142
4.1.1 工具类的概念 142
4.1.2 工具类的命名 143
4.1.3 工具类的种类 145
4.2 文本工具类 146
4.2.1 文本对齐和换行 146
4.2.2 文本字号和转换 149
4.2.3 字体粗细和斜体 150
4.2.4 控制行高 151
4.2.5 文字修饰 152
4.3 颜色工具类 153
4.3.1 文本颜色和背景颜色 153
4.3.2 链接颜色 154
4.4 边框工具类 156
4.4.1 添加与删除边框 156
4.4.2 圆角边框 157
4.5 边距工具类 159
4.5.1 外边距和内边距 159
4.5.2 响应式边距 160
4.6 宽度和高度工具类 161
4.7 显示和浮动工具类 163
4.7.1 显示工具类 163
4.7.2 浮动工具类 166
4.8 其他工具类 167
4.8.1 位置工具类 167
4.8.2 阴影工具类 167
4.9 案例演练——旅行社旅游平台网页 168
4.9.1 案例概述 168
4.9.2 设计网页头部 169
4.9.3 设计轮播 172
4.9.4 设计分类列表 173
4.9.5 设计“旅游景点”页面 176
4.9.6 设计页脚部分 182
4.10 思考与练习 184
第 5 章 弹性布局 185
5.1 定义弹性布局 186
5.2 弹性布局容器样式 187
5.2.1 项目对齐工具类 188
5.2.2 排列方向工具类 191
5.2.3 项目换行工具类 193
5.3 弹性布局项目样式 194
5.3.1 项目排序工具类 194
5.3.2 项目伸缩工具类 195
5.3.3 自身对齐工具类 199
5.3.4 自动浮动工具类 200
5.4 实战案例——烧烤餐厅网页 201
5.4.1 案例概述 201
5.4.2 设计网页头部导航栏 202
5.4.3 添加轮播广告区 204
5.4.4 设计网页主要内容 205
5.4.5 添加页脚信息 208
5.5 思考与练习 210
第 6 章 表格样式 211
6.1 Bootstrap基本表格 212
6.2 Bootstrap表格类 214
6.3 面板中的表格 215
6.4 响应式表格 217
6.5 实战案例——在线教育平台网页 220
6.5.1 案例概述 220
6.5.2 设计网页头部 223
6.5.3 设计“课程”和“大纲”模块 228
6.5.4 设计“学习路径”模块 233
6.5.5 设计“教学团队”模块 235
6.5.6 设计“问答”模块 238
6.5.7 设计页脚部分 241
6.6 思考与练习 242
第 7 章 表单样式 243
7.1 表单布局 244
7.1.1 水平表单 245
7.1.2 内联表单 247
7.1.3 复杂表单 249
7.2 表单控件 251
7.2.1 输入框 251
7.2.2 单选按钮和复选框 254
7.2.3 下拉列表 257
7.2.4 滑动条 258
7.2.5 输入框组 259
7.3 表单校验 260
7.4 实战演练——酒店入住订购网页 263
7.4.1 案例概述 263
7.4.2 设计主页 264
7.4.3 设计侧边栏 277
7.4.4 添加登录模块 280
7.5 思考与练习 281
第 8 章 定制与优化 283
8.1 CSS预处理程序 284
8.1.1 CSS预处理程序的概念 284
8.1.2 引入CSS预处理程序的原因 284
8.2 安装Ruby和Sass 286
8.2.1 安装Ruby 286
8.2.2 安装Sass 287
8.3 Sass的基本应用 288
8.3.1 使用变量 288
8.3.2 计算功能 290
8.3.3 选择器嵌套 290
8.3.4 添加注释 292
8.3.5 代码重用 293
8.3.6 控制语句 297
8.4 思考与练习 300