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

第一章：Bootstrap 快速入门

• 1. 你真的了解RWD响应式网页吗?

  [ 11:35 ]

  免费
• 2. 有其他的RWD框架吗? 为什么要选 Bootstrap ?

  [ 08:49 ]

  免费
  课件付费后下载
• 3. Bootstrap的起手式

  [ 07:43 ]

  免费
• 4. CDN的说明与应用

  [ 06:33 ]

  免费
• 5. 响应式的meta标签说明与html lang设定

  [ 04:11 ]

  免费
• 6. Bootstrap 4 支持的浏览器版本

  [ 06:07 ]

  免费
  课件付费后下载
• 7. IE 9 支持的CSS属性与设定meta兼容模式

  [ 00:38 ]

  免费
  课件付费后下载

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

• 1. 容器的应用:container与container-fluid

  [ 07:45 ]

  免费
• 2. 响应式分界点的介绍

  [ 04:59 ]

  免费
  课件付费后下载
• 3. 列与栏的运作:row和col的设定、 响应式图片的应用

  [ 10:10 ]

  免费
  课件付费后下载
• 4. Grid system 12栏网格系统如何运作?

  [ 06:52 ]

  免费
• 5. 了解响应式的col尺寸分类

  [ 11:55 ]

  免费
• 6. 栏区块col的实务操作，与巢状、间距设定

  [ 08:28 ]

  免费
• 7. row和col的对齐说明与设定

  [ 11:13 ]

  免费
• 8. col的左右位置变化说明与应用

  [ 14:53 ]

  免费
  课件付费后下载
• 9. 各装置尺寸的排版练习

  [ 00:28 ]

  免费
  课件付费后下载

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

• 1. 自定义标题、凸显标题、凸显段落、引用来源

  [ 11:21 ]

  免费
• 2. 响应式文字排版

  [ 04:47 ]

  免费
• 3. 程序代码标示说明

  [ 05:25 ]

  免费
• 4. 响应式图片应用

  [ 13:11 ]

  免费
  课件付费后下载
• 5. 表格的基本设定

  [ 12:57 ]

  免费
• 6. 表格的应用

  [ 10:41 ]

  免费
  课件付费后下载
• 7. 产品图的使用

  [ 09:23 ]

  免费
  课件付费后下载

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

• 1. 导览列的说明

  [ 15:16 ]

  免费
• 2. 导览列的应用

  [ 04:28 ]

  免费
  课件付费后下载
• 3. banner轮播的控制

  [ 07:39 ]

  免费
  课件付费后下载
• 4. banner轮播的方法

  [ 11:08 ]

  免费
  课件付费后下载
• 5. 表单的基础介绍

  [ 13:21 ]

  免费
• 6. 表单的进阶运用

  [ 17:36 ]
  课件付费后下载
• 7. 自定义表单功能

  [ 05:05 ]
• 8. 表单验证

  [ 08:27 ]

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

• 1. 进度条的应用

  [ 19:01 ]
  课件付费后下载
• 2. 广告屏幕的应用

  [ 03:32 ]
• 3. 列表群组的控制说明

  [ 07:19 ]
• 4. 列表群组的方法应用

  [ 20:38 ]
  课件付费后下载
• 5. 折迭区块的说明

  [ 04:46 ]
• 6. 折迭区块的用法

  [ 05:32 ]
• 7. 鼠标滚动监听的数据属性应用

  [ 11:28 ]
• 8. 鼠标滚动监听的javascript应用

  [ 05:52 ]

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

• 01. 彩蛋功能一:导览列选单字体美化设定(google web font)、背景颜色变换

  [ 09:44 ]
  课件付费后下载
• 02. 广告图片轮播文字与设定

  [ 05:19 ]
  课件付费后下载
• 03. 关于我们区块(一)调整与设定

  [ 08:00 ]
  课件付费后下载
• 04. 关于我们区块(二)调整与设定

  [ 07:36 ]
• 05. 环境介绍区块与菜单介绍区块调整与设定

  [ 07:23 ]
• 06. 我们的坚持、主厨介绍与联络我们调整

  [ 07:59 ]
• 07. 彩蛋功能二：导览列选单按钮链接监控滑动(scrollspy smooth )

  [ 07:47 ]
  课件付费后下载
• 08. 彩蛋功能三：滑动回到页首按钮(gotop)

  [ 08:10 ]
  课件付费后下载
• 09. bootstrap4 通用类别-display说明, 导览列调整

  [ 16:08 ]
• 10. 版面响应式断点的调整(一)

  [ 07:36 ]
• 11. 版面响应式断点的调整(二) - 通用类别 display应用

  [ 18:24 ]
  课件付费后下载
• 12. 版面响应式断点的调整(三)

  [ 10:21 ]
  课件付费后下载
• 13. 一页式网站完成档

  [ 00:16 ]
  课件付费后下载

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

• 1. 页面头部区块制作

  [ 09:04 ]
  课件付费后下载
• 2. 页面头部区块设定

  [ 09:01 ]
• 3. 页面导览列选单制作

  [ 09:27 ]
  课件付费后下载
• 4. 页面导览列搜寻购物车图示制作

  [ 08:29 ]
  课件付费后下载
• 5. 下拉选单的类型说明

  [ 15:58 ]
• 6. 页面导览列下拉选单应用

  [ 04:28 ]
• 7. input群组控制说明

  [ 09:13 ]
• 8. 导览列搜寻功能应用

  [ 07:54 ]
  课件付费后下载

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

• 1. 服务说明区块的制作

  [ 12:01 ]
  课件付费后下载
• 2. 通用类别：服务区块的边框应用

  [ 04:46 ]
  课件付费后下载
• 3. 卡片的介绍

  [ 12:01 ]
• 4. 卡片的应用-特色商品区块

  [ 13:14 ]
  课件付费后下载
• 5. 通用类别:float的说明与应用

  [ 09:32 ]
  课件付费后下载
• 6. 通用类别:间隔 (Spacing)、Clearfix的说明与应用

  [ 05:14 ]
• 7. 标签的应用

  [ 04:43 ]
• 8. 导览(Navs)的说明

  [ 12:09 ]
• 9. 商品分类区块：导览(Navs)的应用

  [ 11:37 ]
  课件付费后下载

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

• 01. 互动窗口 (Modal)的说明

  [ 15:28 ]
  课件付费后下载
• 02. 互动窗口 (Modal)的应用

  [ 19:00 ]
  课件付费后下载
• 03. 文字排版：缩写、列表、行内和描述型列表对齐说明

  [ 06:56 ]
• 04. 工具提示框 (Tooltips)说明与应用

  [ 15:42 ]
• 05. 弹出提示框(Popovers)

  [ 05:33 ]
• 06. 通用类别：颜色的说明、崁入的应用

  [ 07:14 ]
  课件付费后下载
• 07. 通用类别：图片取代、屏幕阅读器的应用

  [ 08:32 ]
  课件付费后下载
• 08. 订阅电子报的区块制作

  [ 05:28 ]
  课件付费后下载
• 09. 警报 (Alerts)的说明与应用

  [ 13:12 ]
  课件付费后下载
• 10. Flex的说明

  [ 14:03 ]
  课件付费后下载
• 11. 练习：footer区块制作

  [ 00:18 ]
  课件付费后下载

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

• 1. 面包屑的应用

  [ 03:22 ]
• 2. 按钮、按钮群组、分页的应用

  [ 08:47 ]
  课件付费后下载
• 3. 练习：产品列表页套用导览(Nav)

  [ 00:48 ]
  课件付费后下载
• 4. 媒体对象的介绍

  [ 10:08 ]
• 5. 通用类别：尺寸、文字的介绍

  [ 03:47 ]
• 6. 垂直对齐、可视性和关闭图示的介绍

  [ 02:04 ]
• 7. 练习：电商网页响应式的调整

  [ 00:20 ]
  课件付费后下载

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

• 1. 断点的调整、重新设计类别缀词、自动平均分配栏宽

  [ 06:06 ]
• 2. 加入换行、移除预设距离( no-gutter)

  [ 02:24 ]
• 3. 水平方向的对齐、垂直方向的对齐

  [ 03:44 ]
• 4. 区块的排列顺序、图片响应化

  [ 03:43 ]
• 5. card组件取代.panel、.well 与 .thumbnail

  [ 02:44 ]