Bootstrap响应式Web前端开发

图书标准信息

• 作者 王红 秦海玉 侯勇
• 出版社 人民邮电出版社
• 出版时间 2022-08
• 版次 1
• ISBN 9787115586568
• 定价 69.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 304页
• 字数 579千字

【内容简介】

本书主要介绍Bootstrap的基础知识、基本语法和高级应用，并采用易于理解的方式讲解这些技术的使用技巧和注意事项。全书共14章，内容包括Bootstrap起步、Bootstrap中常用的基本样式、Bootstrap 4弹性盒、Bootstrap网格布局、Bootstrap表单、Bootstrap相关组件、Bootstrap徽章及加载动画、Bootstrap中的图文混排、设置Bootstrap中的公共样式、Bootstrap的窗口和提示工具、折叠面板与轮播组件、第三方插件的使用、综合案例——抖音秀、课程设计——吃了么外卖网。全书每章内容都与实例紧密结合，有助于读者理解并应用知识，进而达到学以致用的目的。
  本书各章节主要内容配有以二维码为入口的微课，并在人邮学院（www.rymooc.com）平台上提供了慕课。此外，本书还提供了课程资源包，资源包中包含本书所有实例、上机指导、综合案例的源代码，制作精良的电子课件PPT，重点及难点教学视频，自测题库（包括选择题、填空题、操作题题库及自测试卷等内容），以及综合案例和课程设计。其中，源代码全部经过精心测试，能够在Windows 7、Windows 8、Windows 10等操作系统下编译和运行。
  本书可作为高等院校计算机、软件工程等专业“Web前端开发”相关课程的教材，也可作为程序开发人员的参考用书。

【作者简介】

明日科技策划本书。

明日科技：已经在人民邮电出版社出版多本“程序设计类”图书,包括“技术方案宝典”、“开发技术大全”、“自学手册”、“参考大全”等多个系列，大都取得了比较好的市场反响，内容由浅入深，读者好评如潮。

【目录】

【章名目录】

第 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