使用 Bootstrap 4 提升网页实战教程

第一章：Bootstrap 快速入门

• 1. 你真的了解RWD响应式网页吗? 11:35
• 2. 有其他的RWD框架吗? 为什么要选 Bootstrap ? 课件付费后下载 8:49
• 3. Bootstrap的起手式 7:43
• 4. CDN的说明与应用 6:33
• 5. 响应式的meta标签说明与html lang设定 4:11
• 6. Bootstrap 4 支持的浏览器版本 课件付费后下载 6:07
• 7. IE 9 支持的CSS属性与设定meta兼容模式 课件付费后下载 0:38

第二章：Bootstrap 4 的排版应用技巧

• 1. 容器的应用:container与container-fluid 7:45
• 2. 响应式分界点的介绍 课件付费后下载 4:59
• 3. 列与栏的运作:row和col的设定、 响应式图片的应用 课件付费后下载 10:10
• 4. Grid system 12栏网格系统如何运作? 6:52
• 5. 了解响应式的col尺寸分类 11:55
• 6. 栏区块col的实务操作，与巢状、间距设定 8:28
• 7. row和col的对齐说明与设定 11:13
• 8. col的左右位置变化说明与应用 课件付费后下载 14:53
• 9. 各装置尺寸的排版练习 课件付费后下载 0:28

第三章：Bootstrap 4 一页式网站的内容应用技巧

• 1. 自定义标题、凸显标题、凸显段落、引用来源 11:21
• 2. 响应式文字排版 4:47
• 3. 程序代码标示说明 5:25
• 4. 响应式图片应用 课件付费后下载 13:11
• 5. 表格的基本设定 12:57
• 6. 表格的应用 课件付费后下载 10:41
• 7. 产品图的使用 课件付费后下载 9:23

第四章：Bootstrap 4 一页式网站的组件应用技巧(一)

• 1. 导览列的说明 15:16
• 2. 导览列的应用 课件付费后下载 4:28
• 3. banner轮播的控制 课件付费后下载 7:39
• 4. banner轮播的方法 课件付费后下载 11:08
• 5. 表单的基础介绍 13:21
• 6. 表单的进阶运用 课件付费后下载 17:36
• 7. 自定义表单功能 5:05
• 8. 表单验证 8:27

第五章：Bootstrap 4 一页式网站的组件应用技巧(二)

• 1. 进度条的应用 课件付费后下载 19:01
• 2. 广告屏幕的应用 3:32
• 3. 列表群组的控制说明 7:19
• 4. 列表群组的方法应用 课件付费后下载 20:38
• 5. 折迭区块的说明 4:46
• 6. 折迭区块的用法 5:32
• 7. 鼠标滚动监听的数据属性应用 11:28
• 8. 鼠标滚动监听的javascript应用 5:52

第六章：一页式网站美化与其他彩蛋功能设定

• 01. 彩蛋功能一:导览列选单字体美化设定(google web font)、背景颜色变换 课件付费后下载 9:44
• 02. 广告图片轮播文字与设定 课件付费后下载 5:19
• 03. 关于我们区块(一)调整与设定 课件付费后下载 8:00
• 04. 关于我们区块(二)调整与设定 7:36
• 05. 环境介绍区块与菜单介绍区块调整与设定 7:23
• 06. 我们的坚持、主厨介绍与联络我们调整 7:59
• 07. 彩蛋功能二：导览列选单按钮链接监控滑动(scrollspy smooth ) 课件付费后下载 7:47
• 08. 彩蛋功能三：滑动回到页首按钮(gotop) 课件付费后下载 8:10
• 09. bootstrap4 通用类别-display说明, 导览列调整 16:08
• 10. 版面响应式断点的调整(一) 7:36
• 11. 版面响应式断点的调整(二) - 通用类别 display应用 课件付费后下载 18:24
• 12. 版面响应式断点的调整(三) 课件付费后下载 10:21
• 13. 一页式网站完成档 课件付费后下载 0:16

第七章：Bootstrap 4 电商网页的组件与通用类别应用(一) ： 头部区

• 1. 页面头部区块制作 课件付费后下载 9:04
• 2. 页面头部区块设定 9:01
• 3. 页面导览列选单制作 课件付费后下载 9:27
• 4. 页面导览列搜寻购物车图示制作 课件付费后下载 8:29
• 5. 下拉选单的类型说明 15:58
• 6. 页面导览列下拉选单应用 4:28
• 7. input群组控制说明 9:13
• 8. 导览列搜寻功能应用 课件付费后下载 7:54

第八章：Bootstrap 4 电商网页的组件与通用类别应用(二) : 内容区

• 1. 服务说明区块的制作 课件付费后下载 12:01
• 2. 通用类别：服务区块的边框应用 课件付费后下载 4:46
• 3. 卡片的介绍 12:01
• 4. 卡片的应用-特色商品区块 课件付费后下载 13:14
• 5. 通用类别:float的说明与应用 课件付费后下载 9:32
• 6. 通用类别:间隔 (Spacing)、Clearfix的说明与应用 5:14
• 7. 标签的应用 4:43
• 8. 导览(Navs)的说明 12:09
• 9. 商品分类区块：导览(Navs)的应用 课件付费后下载 11:37

第九章：Bootstrap 4 电商网页的组件与通用类别应用(三) : 内容区

• 01. 互动窗口 (Modal)的说明 课件付费后下载 15:28
• 02. 互动窗口 (Modal)的应用 课件付费后下载 19:00
• 03. 文字排版：缩写、列表、行内和描述型列表对齐说明 6:56
• 04. 工具提示框 (Tooltips)说明与应用 15:42
• 05. 弹出提示框(Popovers) 5:33
• 06. 通用类别：颜色的说明、崁入的应用 课件付费后下载 7:14
• 07. 通用类别：图片取代、屏幕阅读器的应用 课件付费后下载 8:32
• 08. 订阅电子报的区块制作 课件付费后下载 5:28
• 09. 警报 (Alerts)的说明与应用 课件付费后下载 13:12
• 10. Flex的说明 课件付费后下载 14:03
• 11. 练习：footer区块制作 课件付费后下载 0:18

第一十章：Bootstrap 4 电商网页的组件与通用类别应用(四) : 商品列表页

• 1. 面包屑的应用 3:22
• 2. 按钮、按钮群组、分页的应用 课件付费后下载 8:47
• 3. 练习：产品列表页套用导览(Nav) 课件付费后下载 0:48
• 4. 媒体对象的介绍 10:08
• 5. 通用类别：尺寸、文字的介绍 3:47
• 6. 垂直对齐、可视性和关闭图示的介绍 2:04
• 7. 练习：电商网页响应式的调整 课件付费后下载 0:20

第一十一章：Bootstrap 4 V.S Bootstrap 3

• 1. 断点的调整、重新设计类别缀词、自动平均分配栏宽 6:06
• 2. 加入换行、移除预设距离( no-gutter) 2:24
• 3. 水平方向的对齐、垂直方向的对齐 3:44
• 4. 区块的排列顺序、图片响应化 3:43
• 5. card组件取代.panel、.well 与 .thumbnail 2:44