模块1
Bootstrap 5响应式网页
设计基础...........................1
知识导学.............................................1
1.1 Bootstrap概述..........................1
1.2 Bootstrap 5主要内容................3
1.3 Bootstrap 5容器......................4
1.4 Bootstrap 5网格系统................8
1.5 使用本地的Bootstrap导入CSS
和JavaScript文件..................17
1.6 基于Bootstrap 5创建响应式
网页.........................................18
模拟训练...........................................21
模块习题..........................................23
模块2
Bootstrap 5页面元素
控制与美化......................24
知识导学..........................................24
2.1 Bootstrap 5文字排版..............24
2.2 Bootstrap 5颜色设置.............30
2.3 Bootstrap 5图像样式设置.......34
2.4 Bootstrap 5实用类................37
2.5 Bootstrap 5徽章....................52
2.6 Bootstrap 5进度条................54
2.7 Bootstrap 5加载效果.............60
2.8 Bootstrap Jumbotron...........62
模拟训练..........................................63
模块习题..........................................65
模块3
Bootstrap 5页面弹性
布局设计.........................66
知识导学..........................................66
3.1 Flexbox概述..........................66
3.2 设置弹性元素的水平显示方向.....67
3.3 设置弹性元素的垂直显示方向.....68
3.4 设置弹性元素的水平对齐方式.....69
3.5 设置弹性元素等宽....................70
3.6 扩展弹性元素占用剩下的可用
空间.........................................71
3.7 设置弹性元素的排列顺序............71
3.8 为弹性元素添加自动外边距........72
3.9 设置弹性容器中弹性元素的包裹
方式........................................73
3.10 控制弹性元素在垂直方向上的
对齐方式................................74
3.11 控制单行弹性元素的垂直对齐
方式......................................74
3.12 设置单个弹性元素的垂直对齐
方式......................................75
模拟训练.........................................77
模块习题.........................................78
模块4
Bootstrap 5页面导航与
下拉菜单设计...................79
知识导学.........................................79
4.1 Bootstrap 5分页及页码导航....79
4.2 Bootstrap 5下拉菜单.............84
4.3 Bootstrap 5导航栏................92
4.4 Bootstrap 5选项卡导航栏......107
4.5 Bootstrap 5滚动监听............115
4.6 Bootstrap 5侧边栏...............116
模拟训练........................................119
模块习题........................................122
模块5
Bootstrap 5页面数据
展示设计........................123
知识导学........................................123
5.1 Bootstrap 5列表组及应用......123
5.2 BootStrap 5表格及应用.........129
模拟训练.........................................143
模块习题.........................................144
模块6
Bootstrap 5页面表单
操作与用户交互设计........145
知识导学.........................................145
6.1 Bootstrap 5按钮...................145
6.2 Bootstrap 5按钮组...............150
6.3 Bootstrap 5表单与表单
元素.......................................154
模拟训练.........................................175
模块习题.........................................178
模块7
Bootstrap 5消息提示与
信息反馈设计.................179
知识导学.........................................179
7.1 创建与使用Bootstrap 5消息
提示框....................................179
7.2 创建与使用Bootstrap 5
模态框....................................185
7.3 创建与使用Bootstrap 5工具
提示.......................................193
7.4 创建与使用Bootstrap 5
弹出框....................................195
7.5 创建与使用Bootstrap 5消息
弹窗.......................................198
模拟训练........................................202
模块习题........................................203
模块8
Bootstrap 5网页特效
设计.............................204
知识导学.......................................204
8.1 创建与使用Bootstrap 5
卡片......................................204
8.2 实现Bootstrap 5折叠效果.....210
8.3 实现Bootstrap 5轮播效果.....212
模拟训练........................................214
模块习题........................................215
模块9
Bootstrap 5响应式网页
设计任务实战..................216
知识导学........................................216
9.1 Bootstrap 5响应式网页设计的
关键步骤................................216
9.2 Bootstrap 5响应式网页设计的
关键事项................................218
9.3 Bootstrap 5响应式网页设计时
应用的关键技术.......................219
9.4 响应式网页设计的主要优点和
缺点......................................220
任务实战........................................221
模块习题.......................................228
附录A
释疑解惑.......................229