Bootstrap 5.X从入门到项目实战

《Bootstrap 5.X从入门到项目实战》的特色如下： 零基础、入门级的讲解和新技术 无论您是否从事计算机相关行业，无论您是否接触过网站开发，都能从本书中找到适合的起点。新版Bootstrap 5.X增加了很多实用的功能，本书将会一一讲述。 实用、专业的范例和项目 本书在内容编排上紧密结合深入学习网页设计的过程，从Bootstrap的基本概念开始，逐步带领读者学习网站前端开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简单轻松，操作起来有章可循。 随时随地碎片化学习 本书提供了微课视频，通过手机扫码即可观看，随时随地解决学习中的困惑。 本书微课视频涵盖书中所有知识点，详细讲解了每个实例及项目的创建过程及技术关键点。读者看视频比看书能更轻松地掌握书中所有的Bootstrap前端开发知识，而且扩展的讲解部分使读者能得到比书中更多的收获。 超多容量优质资源 赠送8大优质资源助力读者自学无忧，包括本书案例源代码、同步教学视频、精美教学幻灯片、教学大纲、100套热门Bootstrap项目源码、160套jQuery精彩案例、名企网站前端开发招聘考试题库和毕业求职面试资源库。

本书是针对零基础读者编写的网站前端开发入门教材。本书采用目前近期新的Bootstrap 5.X版本，侧重案例实训，书中配有丰富的微课视频，读者可以通过微课视频更为直观地学习有关网站前端开发的热点案例。 《Bootstrap 5.X从入门到项目实战》分为18章，包括流行的开发框架Bootstrap，使用近期新的框架Bootstrap 5.X，快速掌握Bootstrap布局，Bootstrap中的弹性盒子布局，精通页面排版，CSS通用样式，Bootstrap在表单中的应用，常用的CSS组件，高级的CSS组件，卡片、旋转器和手风琴组件，认识JavaScript插件，精通JavaScript插件等内容。最后通过6个热点综合项目，帮助读者进一步掌握项目开发技能。 《Bootstrap 5.X从入门到项目实战》通过精选热点案例，可以让初学者快速掌握网站前端开发技术。通过微信扫码观看视频，可以随时随地在移动端学习开发知识。

李爱玲，长期从事网站开发工作，特别擅长使用前端开发框架Bootstrap和Vue.js，数年来承接了大量的项目，具有丰富的实践经验。曾主编《Bootstrap从入门到项目实战》获得读者一致好评。

第1章 流行的开发框架Bootstrap 1
1.1 认识Bootstrap 1
1.1.1 Bootstrap 的由来 1
1.1.2 Bootstrap的构成模块 2
1.2 Bootstrap 的特色 2
1.3 Bootstrap的优势 3
1.4 Bootstrap 5.X的新变化 4
1.5 疑难问题解惑 6
第2章 使用近期新的框架Bootstrap 5.X 8
2.1 下载Bootstrap 5.X 8
2.2 安装 Bootstrap 5.X 10
2.2.1 本地安装 10
2.2.2 在线安装 11
2.3 Bootstrap 的在线开发工具 11
2.4 案例实训1——我的第一个Bootstrap网页 12
2.5 案例实训2——设计网站主页的按钮 13
2.6 疑难问题解惑 14
第3章 快速掌握Bootstrap布局 15
3.1 布局基础 15
3.1.1 布局容器 15
3.1.2 响应断点 18
3.1.3 z-index堆叠样式属性 19
3.1.4 响应式容器 19
3.2 网格系统 20
3.2.1 网格选项 20
3.2.2 自动布局列 21
3.2.3 响应类 24
3.2.4 重排序 27
3.2.5 列嵌套 29
3.3 案例实训——开发电商网站特效 30
3.4 疑难问题解惑 33
第4章 Bootstrap中的弹性盒子布局 34
4.1 定义弹性盒子 34
4.2 排列方向 35
4.2.1 水平方向排列 35
4.2.2 垂直方向排列 36
4.3 内容排列布局 37
4.4 项目对齐布局 38
4.5 自动对齐布局 39
4.6 自动相等布局 41
4.7 等宽变换布局 41
4.8 自动浮动布局 42
4.8.1 水平方向浮动布局 42
4.8.2 垂直方向浮动布局 43
4.9 弹性布局——包裹 44
4.10 排列顺序布局 44
4.11 案例实训——对齐内容布局 45
4.12 疑难问题解惑 46
第5章 精通页面排版 48
5.1 页面排版的初始化 48
5.2 优化页面排版 49
5.2.1 标题 49
5.2.2 段落 52
5.2.3 强调 53
5.2.4 缩略语 54
5.2.5 引用 55
5.3 显示代码 55
5.3.1 行内代码 56
5.3.2 多行代码块 56
5.4 响应式图片 57
5.4.1 图像的同步缩放 57
5.4.2 图像缩略图 57
5.4.3 图像对齐方式 57
5.5 优化表格的样式 58
5.5.1 表格默认风格 59
5.5.2 为表格设计个性化风格 59
5.6 案例实训——设计网站后台人员 管理系统页面 63
5.7 疑难问题解惑 65
第6章 CSS通用样式 66
6.1 文本处理 66
6.1.1 文本对齐 66
6.1.2 文本换行 67
6.1.3 转换大小写 69
6.1.4 粗细和斜体 69
6.1.5 其他文本样式类 70
6.2 颜色样式 70
6.2.1 文本颜色 71
6.2.2 链接文本颜色 72
6.2.3 背景颜色 72
6.3 边框样式 73
6.3.1 添加边框 73
6.3.2 边框颜色 74
6.3.3 圆角边框 75
6.4 宽度和高度 77
6.4.1 相对于父元素 77
6.4.2 相对于视口 78
6.5 边距 79
6.5.1 边距的定义 79
6.5.2 响应式边距 81
6.6 浮动样式 81
6.6.1 实现浮动样式 81
6.6.2 响应式浮动样式 82
6.7 display属性 83
6.7.1 隐藏或显示元素 83
6.7.2 响应式地隐藏或显示元素 83
6.8 嵌入网页元素 84
6.9 内容溢出 85
6.10 定位网页元素 86
6.11 案例实训——阴影效果 87
6.12 疑难问题解惑 88
第7章 Bootstrap在表单中的应用 90
7.1 Bootstrap创建表单 90
7.1.1 定义表单控件 90
7.1.2 设置表单控件的大小 91
7.1.3 设置表单控件只读 91
7.1.4 设置只读纯文本 92
7.1.5 范围输入 93
7.2 单选按钮和复选框的样式 93
7.2.1 默认堆叠方式 93
7.2.2 水平排列方式 94
7.2.3 无文本形式 95
7.3 设计表单的布局 96
7.3.1 使用网格系统布局表单 96
7.3.2 设置列的宽度 98
7.4 帮助文本 98
7.5 禁用表单 99
7.6 按钮 100
7.6.1 定义按钮 100
7.6.2 设计按钮风格 101
7.7 按钮组 104
7.7.1 定义按钮组 104
7.7.2 定义按钮组工具栏 104
7.7.3 设计按钮的组布局和样式 105
7.8 下拉菜单 108
7.8.1 定义下拉菜单 108
7.8.2 设计下拉按钮的样式 109
7.8.3 设计下拉菜单的样式 110
7.8.4 单选和多选下拉菜单 114
7.8.5 为元素设置下拉菜单 115
7.9 Bootstrap 5.X新增的浮动标签 115
7.10 案例实训——设置表单的验证功能 116
7.11 疑难问题解惑 117
第8章 常用的CSS组件 119
8.1 导航组件 119
8.1.1 定义导航 119
8.1.2 设计导航的布局 120
8.1.3 设计导航的风格 122
8.1.4 设计导航选项卡 125
8.2 警告框 127
8.2.1 定义警告框 127
8.2.2 添加链接 129
8.2.3 额外附加内容 130
8.2.4 关闭警告框 130
8.3 徽章 131
8.3.1 定义徽章 131
8.3.2 设置颜色 132
8.3.3 椭圆形徽章 133
8.4 进度条 134
8.4.1 定义进度条 134
8.4.2 设计进度条样式 135
8.4.3 设计进度条风格 136
8.5 案例实训——设计具有淡入效果的 导航选项卡 138
8.6 疑难问题解惑 139
第9章 高级的CSS组件 141
9.1 导航栏 141
9.1.1 定义导航栏 141
9.1.2 定位导航栏 145
9.1.3 设计导航栏的颜色 146
9.2 列表组 146
9.2.1 定义列表组 147
9.2.2 设计列表组的风格样式 147
9.2.3 定制内容 150
9.3 面包屑 151
9.3.1 定义面包屑 151
9.3.2 设计分隔符 152
9.4 分页效果 153
9.4.1 定义分页 153
9.4.2 使用图标 154
9.4.3 设计分页风格 154
9.5 案例实训——设计企业招聘表页面 158
9.6 疑难问题解答 159
第10章 卡片、旋转器和手风琴组件 160
10.1 卡片内容 160
10.1.1 卡片的标题、主体、文本和超链接 160
10.1.2 卡片的图片 161
10.1.3 卡片的列表组 161
10.1.4 卡片的页眉和页脚 162
10.2 控制卡片的宽度 163
10.2.1 使用网格系统控制卡片的宽度 163
10.2.2 使用宽度类控制卡片的宽度 163
10.2.3 使用CSS样式控制卡片的宽度 164
10.3 卡片中文本的对齐方式 165
10.4 卡片中添加导航 165
10.5 设计卡片的风格 167
10.5.1 设置卡片的背景颜色 167
10.5.2 设置背景图像 168
10.5.3 卡片的边框颜色 169
10.5.4 设计卡片的样式 170
10.6 卡片排版 170
10.7 旋转器 172
10.7.1 定义旋转器 172
10.7.2 设置旋转器风格 172
10.7.3 设置旋转器的对齐方式 174
10.7.4 按钮旋转器 175
10.8 新增的手风琴组件 176
10.8.1 创建手风琴 176
10.8.2 手风琴组件的结构 177
10.8.3 手风琴组件的样式 178
10.8.4 在手风琴组件中使用列表 179
10.9 案例实训——使用网格系统布局卡片 181
10.10 疑难问题解答 183
第11章 认识JavaScript插件 185
11.1 插件概述 185
……