课程大纲：

Bootstrap 4 基础入门培训

1 Bootstrap 4 介绍

2 排版与表格

3 二十二类组件

4 栅格系统

5 公共样式

6 仿楼课程页面

1
入门

1.了解Bootstrap3与Bootstrap4的区别

2.下载与安装Bootstrap

3.如何简单使用Bootstrap

2
栅格系统

1.栅格系统基础

2.栅格系统使用

3
排版

1.页面默认值

2.标题

3.文本内联元素

4.中心段落

5.引用

6.缩略语

7.列表

8.代码

9.图片

4
表格

1.表格基础

2.表格属性

5
公共样式（一）

1.颜色

2.Spacing间隔

3.边框

4.浮动

5.宽度和高度

6.阴影

6
公共样式（二）

1.Flex布局
2
.元素定位

3.关闭按钮

4.显示或隐藏内容

7
按钮类与输入框组类组件

1.按钮

2.按钮组

3.输入框

8
表单与下拉菜单

1.表单

2.表单验证

3.下拉菜单

9
导航类

1.导航

2.面包屑导航

3.导航栏

10
列表组与滚动监听

1.徽章

2.列表组

3.滚动监听

11
框类组件

1.提示框与弹出框

2.警示框

3.模态框

4.分页

5.进度条

12
折叠面板与轮播组件

1.卡片

2.折叠面板

3.轮播效果

4.大块屏

5.媒体对象

13
Bootstrap 实现仿楼课程静态页面

1.页面结构分析

2.栅格系统

3.导航栏

4.卡片

5.按钮组

6.媒体查询

7.分页器

8.进度条

14
Bootstrap 实现仿楼课程动态页面

1.下拉菜单

2.折叠面板

3.提示框

4.多类组件的JavaScript方法