【各章目录】
第1章 Bootstrap起步　1
第2章 Bootstrap中常用的基本样式　8
第3章 Bootstrap 4弹性盒　37
第4章 Bootstrap网格布局　69
第5章 Bootstrap表单　90
第6章 Bootstrap相关组件　117
第7章 Bootstrap徽章及加载动画　135
第8章 Bootstrap中的图文混排　148
第9章 设置Bootstrap中的公共样式　166
第10章 Bootstrap的窗口和提示工具　184
第11章 折叠面板与轮播组件　218
第12章 第三方插件的使用　240
第13章 综合案例——抖音秀　270
第14章 课程设计——吃了么外卖网　276

【详细目录】
第1章 Bootstrap起步　1
1.1 Bootstrap概述　1
1.1.1 Bootstrap是什么　1
1.1.2 Bootstrap版本的“进化”　1
1.2 为什么使用Bootstrap　2
1.2.1 Bootstrap的优点　2
1.2.2 Bootstrap包含的内容　3
1.2.3 Bootstrap的应用　3
1.3 Bootstrap的下载及使用　3
1.3.1 Bootstrap的下载　3
1.3.2 Bootstrap的文件结构　4
1.3.3 Bootstrap的使用　5
1.4 本章小结　6
上机指导　7
习题　7

第2章 Bootstrap中常用的基本样式　8
2.1 排版样式　8
2.1.1 标题样式　8
2.1.2 添加强调文本　10
2.1.3 缩略语样式　13
2.1.4 地址样式　14
2.1.5 引用样式　15
2.1.6 列表样式　16
2.2 表格　20
2.2.1 基本的表格　20
2.2.2 可选的表格样式　21
2.2.3 响应式表格　27
2.3 图片　29
2.3.1 响应式图片　29
2.3.2 修饰图片　29
2.4 其他常用样式　31
2.4.1 对文本的处理　31
2.4.2 背景样式　32
2.4.3 设置内容间隔　33
2.4.4 添加阴影　35
2.5 本章小结　35
上机指导　35
习题　36

第3章 Bootstrap 4弹性盒　37
3.1 响应式设计概述　37
3.1.1 常见的布局方式　38
3.1.2 布局的实现方式　38
3.2 弹性盒概述　38
3.2.1 什么是弹性盒　38
3.2.2 弹性盒的基本属性　39
3.2.3 Bootstrap 4中弹性盒的使用　40
3.3 项目的对齐与对准　42
3.3.1 弹性盒的主轴方向　42
3.3.2 弹性子项目在主轴上的对齐方式　45
3.3.3 弹性子项目在侧轴上的对齐方式　49
3.3.4 项目的自对齐　53
3.4 项目的大小　56
3.4.1 设置项目自相等　56
3.4.2 设置项目等宽变换　57
3.4.3 多行内容的对齐　59
3.5 项目的排列　61
3.5.1 设置项目自浮动　61
3.5.2 Wrap包裹　63
3.5.3 order排序　65
3.6 本章小结　67
上机指导　67
习题　68

第4章 Bootstrap网格布局　69
4.1 网格系统概述　69
4.1.1 什么是网格系统　69
4.1.2 网格化选项　70
4.1.3 网格系统的简单应用　70
4.2 响应式的class选择器　71
4.2.1 覆盖所有设备　71
4.2.2 固定网格与流式网格　72
4.2.3 间隙的处理　73
4.3 自动布局列　74
4.3.1 等宽布局　74
4.3.2 自定义宽度　75
4.3.3 设置项目为宽度可变的弹性空间　77
4.3.4 混合布局　78
4.4 项目的对齐处理　79
4.4.1 项目的水平对齐　80
4.4.2 项目的垂直对齐　80
4.4.3 自定义某列的垂直对齐方式　82
4.4.4 换行处理　82
4.5 列的偏移、嵌套和重排序　83
4.5.1 列的偏移　83
4.5.2 列的嵌套　86
4.5.3 列的重排序　87
4.6 本章小结　88
上机指导　89
习题　89

第5章 Bootstrap表单　90
5.1 表单的风格　90
5.1.1 表单支持的控件　90
5.1.2 控件的状态　94
5.1.3 表单的布局风格　95
5.2 下拉菜单　98
5.2.1 设置下拉菜单　98
5.2.2 下拉菜单内容设置　100
5.2.3 下拉菜单的状态　102
5.3 下拉菜单样式设置　103
5.3.1 下拉菜单的展开方向　103
5.3.2 下拉菜单的对齐方式　104
5.3.3 下拉菜单的响应式对齐　104
5.4 按钮　105
5.4.1 按钮的风格　105
5.4.2 按钮的大小　108
5.4.3 按钮的状态　109
5.5 按钮组　109
5.5.1 设置按钮组　109
5.5.2 按钮组的嵌套　110
5.5.3 垂直排列的按钮组　111
5.6 输入框组　111
5.6.1 定义输入框组　112
5.6.2 输入框组的样式　112
5.7 本章小结　115
上机指导　115
习题　116

第6章 Bootstrap相关组件　117
6.1 导航菜单　117
6.1.1 导航菜单的基本样式　117
6.1.2 导航菜单的对齐与填充　119
6.1.3 选项卡　121
6.2 导航栏　123
6.2.1 导航栏的内容组成　123
6.2.2 导航栏的样式　125
6.2.3 响应式导航栏　127
6.3 面包屑导航与分页　129
6.3.1 面包屑导航　129
6.3.2 设置分页及其样式　130
6.4 本章小结　133
上机指导　133
习题　134

第7章 Bootstrap徽章及加载动画　135
7.1 添加徽章　135
7.1.1 徽章的基本使用　135
7.1.2 徽章的样式　136
7.1.3 徽章的链接效果　138
7.2 进度条　138
7.2.1 进度条的基本使用　139
7.2.2 进度条的样式　139
7.2.3 其他风格进度条　141
7.3 加载动画　142
7.3.1 加载动画及其样式　142
7.3.2 设置加载动画的位置　143
7.3.3 设置加载动画的大小　145
7.3.4 在按钮中添加加载动画　145
7.4 本章小结　146
上机指导　146
习题　147

第8章 Bootstrap中的图文混排　148
8.1 媒体对象　148
8.1.1 媒体对象的使用　148
8.1.2 媒体对象的样式　149
8.1.3 媒体对象的嵌套　152
8.2 列表组　152
8.2.1 列表组的基本使用　152
8.2.2 列表组的样式　154
8.2.3 列表组的嵌套使用　155
8.3 卡片　157
8.3.1 卡片的基本使用　157
8.3.2 卡片的样式　158
8.3.3 卡片的排列　161
8.4 本章小结　163
上机指导　163
习题　165

第9章 设置Bootstrap中的公共样式　166
9.1 边框样式　166
9.1.1 添加和清除边框　166
9.1.2 设置圆角　169
9.2 设置浮动与清除浮动　170
9.2.1 如何设置浮动　170
9.2.2 设置响应式浮动　172
9.2.3 清除浮动　172
9.3 设置元素位置　173
9.3.1 设置元素的定位方式　174
9.3.2 固定元素的位置　177
9.4 display属性　179
9.4.1 如何设置display属性　179
9.4.2 设置元素的显示与隐藏　180
9.5 本章小结　182
上机指导　182
习题　183

第10章 Bootstrap的窗口和提示工具　184
10.1 警告框　184
10.1.1 添加警告框　184
10.1.2 为警告框添加关闭按钮　186
10.1.3 警告框组件的方法与事件　188
10.2 模态框　190
10.2.1 模态框的调用　190
10.2.2 动态模态框　192
10.2.3 模态框组件的选项、方法与事件　198
10.3 提示工具的使用　202
10.3.1 toast组件　202
10.3.2 tooltip组件　205
10.3.3 popover组件　210
10.4 本章小结　216
上机指导　216
习题　217

第11章 折叠面板与轮播组件　218
11.1 滚动监听组件　218
11.1.1 滚动监听组件的使用　218
11.1.2 在嵌套的导航中添加滚动监听　221
11.1.3 在列表组中添加滚动监听　222
11.1.4 滚动监听组件的选项、方法和事件　223
11.2 折叠面板组件　225
11.2.1 折叠面板组件的使用　225
11.2.2 控制多个折叠面板　226
11.2.3 “手风琴”折叠面板　227
11.2.4 折叠面板组件的选项、方法和事件　228
11.3 轮播组件　230
11.3.1 轮播组件的使用　231
11.3.2 设置轮播组件的风格　234
11.3.3 轮播组件的选项、方法和事件　235
11.4 大块屏组件　237
11.5 本章小结　238
上机指导　238
习题　239

第12章 第三方插件的使用　240
12.1 日期选择器　240
12.1.1 日期选择器的初级应用　240
12.1.2 日期选择器的高级应用　242
12.2 对话框插件　247
12.2.1 警告框　247
12.2.2 确认框　250
12.2.3 含表单控件的提示框　254
12.2.4 自定义对话框　257
12.3 颜色选择器　260
12.3.1 颜色选择器的初级应用　260
12.3.2 颜色选择器的高级应用　263
12.4 本章小结　266
上机指导　266
习题　269

第13章 综合案例——抖音秀　270
13.1 项目概述　270
13.2 设计流程　270
13.3 系统预览　271
13.4 开发工具准备　271
13.5 抖音秀的实现　271
13.5.1 页头页尾区　271
13.5.2 视频功能区　273
13.5.3 挂件功能区　274
13.6 本章小结　275

第14章 课程设计——吃了么外卖网　276
14.1 课程设计目的　276
14.2 系统设计　276
14.2.1 项目概述　276
14.2.2 系统功能结构　276
14.2.3 文件夹组织结构　277
14.2.4 系统预览　277
14.3 首页、登录页面以及注册页面的实现　278
14.3.1 首页的实现　278
14.3.2 登录页面的实现　281
14.3.3 注册页面的实现　282
14.4 商家版功能实现　284
14.4.1 商家首页　284
14.4.2 订单管理页面　285
14.4.3 菜品管理和菜品修改页面　287
14.4.4 留言板管理页面　289
14.5 买家版功能实现　290
14.5.1 买家首页　290
14.5.2 商品选购页面　291
14.5.3 商品支付页面　296
14.5.4 支付方式选择页面　298
14.5.5 订单追踪页面　299
14.5.6 买家评价页面　300
14.6 本章小结　304