课程目录

• 1

  第1章 Bootstrap起步

•   课时 1 1.1.1 Bootstrap是什么
•   课时 2 1.1.2 Bootstrap版本的“进化”
•   课时 3 1.2.1 Bootstrap的优点
•   课时 4 1.2.2 Bootstrap包含的内容
•   课时 5 1.2.3 Bootstrap的应用
•   课时 6 1.3.1 Bootstrap的下载
•   课时 7 1.3.2 Bootstrap的文件结构
•   课时 8 1.3.3 Bootstrap的使用
• 2

  第2章 Bootstrap中常用的基本样式

•   课时 9 2.1.1 标题样式
•   课时 10 2.1.2 添加强调文本
•   课时 11 2.1.3 缩略语样式
•   课时 12 2.1.4 地址样式
•   课时 13 2.1.5 引用样式
•   课时 14 2.1.6 列表样式
•   课时 15 2.2.1 基本的表格
•   课时 16 2.2.2 可选的表格样式
•   课时 17 2.2.3 响应式表格
•   课时 18 2.3.1 响应式图片
•   课时 19 2.3.2 修饰图片
•   课时 20 2.4.1 对文本的处理
•   课时 21 2.4.2 背景样式
•   课时 22 2.4.3 设置内容间隔
•   课时 23 2.4.4 添加阴影
• 3

  第3章 Bootstrap 4弹性盒

•   课时 24 3.1.1. 常见的布局方式
•   课时 25 3.1.2. 布局的实现方式
•   课时 26 3.2.1 什么是弹性盒
•   课时 27 3.2.2 弹性盒的基本属性
•   课时 28 3.2.3 Bootstrap 4中弹性盒的使用
•   课时 29 3.3.1 弹性盒的主轴方向
•   课时 30 3.3.2 弹性子项目在主轴上的对齐方式
•   课时 31 3.3.3 设置子项目在纵轴上的对齐方式
•   课时 32 3.3.4 项目的自对齐
•   课时 33 3.4.1 设置项目自相等
•   课时 34 3.4.2 设置项目等宽变换
•   课时 35 3.4.3 多行内容的对齐
•   课时 36 3.5.1 设置项目自浮动
•   课时 37 3.5.2 Wrap包裹
•   课时 38 3.5.3 order排序
• 4

  第4章 Bootstrap网格布局

•   课时 39 4.1.1 什么是网格系统
•   课时 40 4.1.2 网格化选项
•   课时 41 4.1.3 网格系统的简单应用
•   课时 42 4.2.1 覆盖所有设备
•   课时 43 4.2.2 固定网格与流式网格
•   课时 44 4.2.3 间隙的处理
•   课时 45 4.3.1 等宽布局
•   课时 46 4.3.2 自定义宽度
•   课时 47 4.3.3 设置项目为宽度可变的弹性空间
•   课时 48 4.3.4 混合布局
•   课时 49 4.4.1 项目的水平对齐
•   课时 50 4.4.2 项目的垂直对齐
•   课时 51 4.4.3 自定义某列的垂直对齐方式
•   课时 52 4.4.4 换行处理
•   课时 53 4.5.1 列的偏移
•   课时 54 4.5.2 列的嵌套
•   课时 55 4.5.3 列的重排序
• 5

  第5章 Bootstrap表单

•   课时 56 5.1.1 表单支持的控件
•   课时 57 5.1.2 控件的状态
•   课时 58 5.1.3 表单的布局风格
•   课时 59 5.2.1 设置下拉菜单
•   课时 60 5.2.2 下拉菜单内容设置
•   课时 61 5.2.3 下拉菜单的状态
•   课时 62 5.3.1 设置下拉菜单的展开方向
•   课时 63 5.3.2 下拉菜单的对齐方式
•   课时 64 5.3.3 下拉菜单的响应式对齐
•   课时 65 5.4.1 按钮的风格
•   课时 66 5.4.2 按钮的大小
•   课时 67 5.4.3 按钮的状态
•   课时 68 5.5.1 设置按钮组
•   课时 69 5.5.2 按钮组的嵌套
•   课时 70 5.5.3 垂直排列的按钮组
•   课时 71 5.6.1 定义输入框组
•   课时 72 5.6.2 输入框组的样式
• 6

  第6章 Bootstrap相关组件

•   课时 73 6.1.1 导航菜单的基本样式
•   课时 74 6.1.2 导航菜单的对齐与填充
•   课时 75 6.1.3 选项卡
•   课时 76 6.2.1 导航栏的内容组成
•   课时 77 6.2.2 导航栏的样式
•   课时 78 6.2.3 响应式导航栏
•   课时 79 6.3.1 面包屑导航
•   课时 80 6.3.2 设置分页及其样式
• 7

  第7章 Bootstrap徽章及加载动画

•   课时 81 7.1.1 徽章的基本使用
•   课时 82 7.1.2 徽章的样式
•   课时 83 7.1.3 徽章的链接效果
•   课时 84 7.2.1 进度条的基本使用
•   课时 85 7.2.2 进度条的样式
•   课时 86 7.2.3 其他风格进度条
•   课时 87 7.3.1 加载动画及其样式
•   课时 88 7.3.2 设置加载动画的位置
•   课时 89 7.3.3 设置加载动画的大小
•   课时 90 7.3.4 在按钮中添加加载动画
• 8

  第8章 Bootstrap中的图文混排

•   课时 91 8.1.1 媒体对象的使用
•   课时 92 8.1.2 媒体对象的样式
•   课时 93 8.1.3 媒体对象的嵌套
•   课时 94 8.2.1 列表组的基本使用
•   课时 95 8.2.2 列表组的样式
•   课时 96 8.2.3 列表组的嵌套使用
•   课时 97 8.3.1 卡片的基本使用
•   课时 98 8.3.2 卡片的样式
•   课时 99 8.3.3 卡片的排列
• 9

  第9章 设置Bootstrap中的公共样式

•   课时 100 9.1.1 添加和清除边框
•   课时 101 9.1.2 设置圆角
•   课时 102 9.2.1 如何设置浮动
•   课时 103 9.2.2 设置响应式浮动
•   课时 104 9.2.3 清除浮动
•   课时 105 9.3.1 设置元素的定位方式
•   课时 106 9.3.2 固定元素的位置
•   课时 107 9.4.1 如何设置display属性
•   课时 108 9.4.2 设置元素的显示与隐藏
• 10

  第10章 Bootstrap的窗口和提示工具

•   课时 109 10.1.1 添加警告提示框
•   课时 110 10.1.2 为警告框添加关闭按钮
•   课时 111 10.1.3 警告框组件的方法与事件
•   课时 112 10.2.1 模态框的调用
•   课时 113 10.2.2 动态模态框
•   课时 114 10.2.3 模态框组件的选项、方法与事件
•   课时 115 10.3.1 toast提示工具
•   课时 116 10.3.2 tooltip组件
•   课时 117 10.3.3 popover组件
• 11

  第11章 折叠面板与轮播组件

•   课时 118 11.1.1 滚动监听组件的使用
•   课时 119 11.1.2 在嵌套的导航中添加滚动监听
•   课时 120 11.1.3 在列表组中添加滚动监听
•   课时 121 11.1.4 滚动监听组件的选项、方法与事件
•   课时 122 11.2.1 折叠面板组件的使用
•   课时 123 11.2.2 控制多个折叠面板
•   课时 124 11.2.3 “手风琴”折叠面板
•   课时 125 11.2.4 折叠面板组件的选项、方法与事件
•   课时 126 11.3.1 轮播组件的使用
•   课时 127 11.3.2 设置轮播组件的风格
•   课时 128 11.3.3 轮播组件的选项、方法与事件
•   课时 129 11.4 大块屏的使用
• 12

  第12章 第三方插件的使用

•   课时 130 12.1.1 日期选择器的基本使用
•   课时 131 12.1.2 日期选择器的高级使用
•   课时 132 12.2.1 警告框
•   课时 133 12.2.2 确认框
•   课时 134 12.2.3 含表单控件的提示框
•   课时 135 12.2.4 自定义对话框
•   课时 136 12.3.1 颜色选择器的初级应用
•   课时 137 12.3.2 颜色选择器的高级应用
• 13

  第13章 综合开发实例——抖音秀

•   课时 138 13 抖音秀
• 14

  第14章 课程设计——吃了么外卖网

•   课时 139 14 吃了么外卖网

学习资料

暂无学习资料