【课程须知】

本课程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。

【本课程能学到什么】

1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

【课程内容】

第1章 Bootstrap简介

1-1 Bootstrap简介

1-2 Bootstrap到底是什么？

1-3 如何开始使用Bootstrap (05:14)

1-4 基本的HTML模板

1-5 全局样式

1-6 响应式网格系统

1-8 Bootstrap文件结构--LESS编译版本

1-9 Bootstrap文件结构--Sass编译版本

第2章 排版

2-1 标题（一）

2-2 标题（二）

2-3 段落（正文文本）

2-4 强调内容

2-5 粗体

2-6 斜体

2-7 强调相关的类

2-8 文本对齐风格

2-9 列表--简介

2-10 列表--无序列表、有序列表

2-11 列表--去点列表

2-12 列表--内联列表

2-13 列表--定义列表

2-14 列表--水平定义列表

2-15 代码（一）

2-16 代码（二）

2-17 表格

2-18 表格--表格行的类

2-19 表格--基础表格

2-20 表格--斑马线表格

2-21 表格--带边框的表格

2-22 表格--鼠标悬浮高亮的表格

2-23 表格--紧凑型表格

2-24 表格--响应式表格

第3章 表单

3-1 基础表单

3-2 水平表单

3-3 内联表单

3-4 表单控件(输入框input)

3-5 表单控件(下拉选择框select)

3-6 表单控件(文本域textarea)

3-7 表单控件(复选框checkbox和单选择按钮radio)

3-8 表单控件(复选框和单选按钮水平排列)

3-9 表单控件(按钮)

3-10 表单控件大小

3-11 表单控件状态(焦点状态)

3-12 表单控件状态(禁用状态)

3-13 表单控件状态(验证状态)

3-14 表单提示信息

3-15 按钮

3-16 基本按钮

3-17 默认按钮

3-18 多标签支持

3-19 定制风格

3-20 按钮大小

3-21 块状按钮

3-22 按钮状态——活动状态

3-23 按钮状态——禁用状态

3-24 图像

3-25 图标（一）

3-26 图标（二）

第4章 网格系统

4-1 实现原理

4-2 工作原理

4-3 基本用法

4-4 列偏移

4-5 列排序

4-6 列的嵌套

第5章 菜单、按钮及导航

5-1 下拉菜单（基本用法）

5-2 下拉菜单（原理分析）

5-3 下拉菜单（下拉分隔线）

5-4 下拉菜单（菜单标题）

5-5 下拉菜单（对齐方式）

5-6 下拉菜单（菜单项状态）

5-7 按钮（按钮组）

5-8 按钮（按钮工具栏）

5-9 按钮（嵌套分组）

5-10 按钮（垂直分组）

5-11 按钮（等分按钮）

5-12 按钮下拉菜单

5-13 按钮的向下向上三角形

5-14 向上弹起的下拉菜单

5-15 导航（基础样式）

5-16 导航（标签形tab导航）

5-17 导航（胶囊形(pills)导航）

5-18 导航（垂直堆叠的导航）

5-19 自适应导航（使用）

5-20 自适应导航（实现原理）

5-21 导航加下拉菜单（二级导航）

5-22 面包屑式导航

第6章 导航条、分页导航

6-1 导航条基础

6-2 基础导航条

6-3 为导航条添加标题、二级菜单及状态

6-4 带表单的导航条

6-5 导航条中的按钮、文本和链接

6-6 固定导航条

6-7 响应式导航条

6-8 反色导航条

6-9 分页导航（带页码的分页导航）

6-10 分页导航（翻页分页导航）

6-11 标签

6-12 徽章

第7章 其它内置组件

7-1 缩略图（一）

7-2 缩略图（二）

7-3 警示框

7-4 警示框--默认警示框

7-5 警示框--可关闭的警示框

7-6 警示框--警示框的链接

7-7 进度条

7-8 进度条--基本样式

7-9 进度条--彩色进度条

7-10 进度条--条纹进度条

7-11 进度条--动态条纹进度条

7-12 进度条--层叠进度条

7-13 进度条--带Label的进度条

7-14 媒体对象

7-15 媒体对象--默认媒体对象

7-16 媒体对象--媒体对象的嵌套

7-17 媒体对象--媒体对象列表

7-18 列表组

7-19 列表组--基础列表组

7-20 列表组--带徽章的列表组

7-21 列表组--带链接的列表组

7-22 列表组--自定义列表组

7-23 列表组--列表项的状态设置

7-24 列表组--多彩列表组

7-25 面板

7-26 面板--基础面板

7-27 面板--带有头和尾的面板

7-28 面板--彩色面板

7-29 面板--面板中嵌套表格

7-30 面板--面板中嵌套列表组

第8章 Bootstrap支持的JavaScript插件

8-1 导入JavaScript插件

8-2 动画过渡（Transitions）

8-3 模态弹出框（Modals）

8-4 模态弹出框--结构分析

8-5 模态弹出框--实现原理解析（一）

8-6 模态弹出框--实现原理解析（二）

8-7 模态弹出框--触发模态弹出窗2种方法

8-8 模态弹出框--为弹出框增加过度动画效果

8-9 模态弹出框--模态弹出窗的使用（data-参数说明）

8-10 模态弹出框--模态弹出窗的使用（JavaScript触发）

8-11 模态弹出框--JavaScript触发时的参数设置（一）

8-12 模态弹出框--JavaScript触发时的参数设置（二）

本课程内容来自慕课网，转载请注明，谢谢合作！