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

【章名目录】 第 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