本课程系统讲解如何使用Bootstrap框架进行响应式Web开发。内容涵盖Bootstrap环境搭建、核心布局、常用样式、组件与插件，并通过多个实战项目（如餐饮网站、环保网站、个人摄影相册、酒店预订WAP站）帮助学员掌握从基础到进阶的响应式网站构建技能，最终能够独立开发适配多设备的现代化网页。

视频课程目录：
1. 课程指导文件
2. 初识Bootstrap
3. Bootstrap常用布局
4. Bootstrap常用样式
5. 组件和插件
6. Bootstrap综合应用（餐饮网站首页）
7. 项目：环保网站首页
8. 项目：个人摄影相册
9. 项目：酒店预定微信WAP网站
10. 快速入门
11. 布局
12. 页面内容（排版、代码、图片、表格）
13. 组件（导航、按钮、表单、轮播等）
14. 工具类
15. 扩展内容（图标）




├─{01}--课程指导文件
│ (1.1)--《响应式Web开发Bootstrap》整体设计方案.pdf
│ (1.2)--单元设计(1).pdf
│
├─{02}--模块一初识Bootstrap
│ #2.1#--图文.pdf
│ #2.2.1#--图文.pdf
│ #2.2.2#--图文.pdf
│ [2.1]--9-1Bootstrap简介（改）.mp4
│ [2.2.1]--9-2下载和环境安装.mp4
│ [2.2.2]--Bootstrap下载及定制(1).mp4
│ [2.2.3]--9-2认识Bootstrap结构.mp4
│ [2.2.4]--9-3安装Bootstra.mp4
│
├─{03}--模块二Bootstrap常用布局
│ #3.1#--图文.pdf
│ [3.1]--10-1布局容器.mp4
│ [3.2]--3.2Bootstrap栅格系统.mp4
│
├─{04}--项目十一Bootstrap常用样式
│ #4.2#--图文.pdf
│ #4.3.1#--图文.pdf
│ #4.3.2#--图文.pdf
│ #4.4.1#--图文.pdf
│ #4.4.2#--图文.pdf
│ #4.5#--图文.pdf
│ #4.6#--图文.pdf
│ [4.1.1]--8-11标签页.mp4
│ [4.1.2]--4.1版式.mp4
│ [4.2]--4.2表格.mp4
│ [4.3.1]--11-1表单(1).mp4
│ [4.3.2]--4.3表单.mp4
│ [4.4.1]--11-2按钮.mp4
│ [4.4.2]--4.4按钮.mp4
│ [4.5]--4.5图片.mp4
│ [4.6]--4.6工具类.mp4
│
├─{05}--模块三组件和插件
│ #5.1#--图文.pdf
│ #5.10.1#--图文.pdf
│ #5.10.2#--图文.pdf
│ #5.11.1#--图文.pdf
│ #5.11.2#--图文.pdf
│ #5.12.1#--图文.pdf
│ #5.12.2#--图文.pdf
│ #5.2.1#--图文.pdf
│ #5.2.2#--图文.pdf
│ #5.3.1#--图文.pdf
│ #5.3.2#--图文.pdf
│ #5.4.1#--图文.pdf
│ #5.4.2#--图文.pdf
│ #5.5.1#--图文.pdf
│ #5.5.2#--图文.pdf
│ #5.6.1#--图文.pdf
│ #5.6.2#--图文.pdf
│ #5.7.1#--图文.pdf
│ #5.7.2#--图文.pdf
│ #5.8.1#--图文.pdf
│ #5.8.2#--图文.pdf
│ #5.9.1#--图文.pdf
│ #5.9.2#--图文.pdf
│ [5.10]--6.4媒体和版式.mp4
│ [5.11]--6.5输入框和字体图标.mp4
│ [5.12]--8-14轮播插件.mp4
│ [5.1]--5.1.mp4
│ [5.2]--5.2下拉菜单.mp4
│ [5.3]--5.3按钮组.mp4
│ [5.4]--5.4按钮式下拉菜单.mp4
│ [5.5]--5.5导航.mp4
│ [5.6]--5.6导航条.mp4
│ [5.7]--6.1面包屑和分页.mp4
│ [5.8]--6.2标签、徽章和缩略图.mp4
│ [5.9]--6.3警告框和进度条.mp4
│
├─{06}--模块四Bootstrap综合应用
│ │ [6.1]--10-3任务1.mp4
│ │
│ └─{01}--餐饮类网站首页
│ #6.1.1.1#--图文.pdf
│ #6.1.1.2#--图文.pdf
│ #6.1.2.1#--图文.pdf
│ #6.1.2.2#--图文.pdf
│ #6.1.3.1#--图文.pdf
│ #6.1.3.2#--图文.pdf
│ #6.1.4.1#--图文.pdf
│ #6.1.4.2#--图文.pdf
│ #6.1.5.1#--图文.pdf
│ #6.1.5.2#--图文.pdf
│ #6.1.6.1#--图文.pdf
│ #6.1.6.2#--图文.pdf
│ [6.1.1]--任务1-完成网页header部分（20_04）.mp4
│ [6.1.2]--任务2-完成网页搜索模块（19_01）.mp4
│ [6.1.3]--任务3-完成热卖商品模块（17_21）.mp4
│ [6.1.4]--任务4-完成特色推荐模块（22_25）.mp4
│ [6.1.5]--任务5-完成轮播广告模块（13_47）.mp4
│ [6.1.6]--任务6-整合所有模块，完成footer部分.mp4
│
├─{07}--项目十四环保网站首页
│ #7.1.1#--图文.pdf
│ #7.1.2#--图文.pdf
│ [7.1]--环保网站.mp4
│
├─{08}--模块五个人摄影相册
│ #8.1#--图文.pdf
│ #8.2#--图文.pdf
│ #8.3#--图文.pdf
│ #8.4#--图文.pdf
│ #8.5#--图文.pdf
│ (8.1)--项目15个人摄影网站.pdf
│ [8.2.1]--17.1.1.mp4
│ [8.2.2]--17.1.2.mp4
│ [8.3]--17.2.mp4
│ [8.4]--17.3.mp4
│ [8.5.1]--17.4.1.mp4
│ [8.5.2]--17.4.2.mp4
│ [8.5.3]--17.4.3.mp4
│ [8.5.4]--17.mp4
│
├─{09}--模块六酒店预定微信wap网站
│ #9.1#--图文.pdf
│ #9.2#--图文.pdf
│ #9.3#--图文.pdf
│ #9.4#--图文.pdf
│ #9.5#--图文.pdf
│ #9.6#--图文.pdf
│ [9.1.1]--15.1.1.mp4
│ [9.1.2]--15.1.2.mp4
│ [9.1.3]--15.1.3.mp4
│ [9.2]--15.2.mp4
│ [9.3]--15.3.mp4
│ [9.4]--15.mp4
│ [9.5]--15.5.mp4
│ [9.6]--15.6.mp4
│
├─{10}--快速入门
│ #10.1.1#--图文.pdf
│ #10.1.2#--图文.pdf
│ #10.2.1#--图文.pdf
│ #10.2.2#--图文.pdf
│ [10.1]--1-1.mp4
│ [10.2]--安装和测试.mp4
│
├─{11}--布局
│ #11.1#--图文.pdf
│ #11.2.1#--图文.pdf
│ #11.2.2#--图文.pdf
│ #11.2.3#--图文.pdf
│ [11.1]--布局成品.mp4
│ [11.2]--栅格系统成品(1).mp4
│
├─{12}--页面内容
│ │ (12.1)--bootstrap内容---排版.ppt
│ │ (12.3)--bootstrap内容-图像.ppt
│ │ (12.4)--bootstrap内容---表格.ppt
│ │ (12.5)--bootstrap内容---颜色.ppt
│ │
│ ├─{01}--排版
│ │ [12.1.1]--4.1.1标题.mp4
│ │ [12.1.2]--4.1.2文本.mp4
│ │ [12.1.3]--4.1.3强调.mp4
│ │ [12.1.4]--4.1.4对齐.mp4
│ │ [12.1.5]--4.1.5缩略语.mp4
│ │ [12.1.6]--4.1.6地址.mp4
│ │ [12.1.7]--4.1.7引用.mp4
│ │ [12.1.8]--4.1.8列表.mp4
│ │
│ ├─{02}--代码
│ │ [12.2.1]--代码.mp4
│ │
│ ├─{03}--图片
│ │ [12.3.1]--4.5图片.mp4
│ │
│ └─{04}--表格
│ [12.4.1]--4.2.1优化结构.mp4
│ [12.4.2]--4.2.2默认风格.mp4
│ [12.4.3]--4.2.3个性风格.mp4
│ [12.4.4]--4.2.4表格行风格.mp4
│ [12.4.5]--4.2.5响应式表格.mp4
│
├─{13}--组件
│ │ #13.2#--图文.pdf
│ │ #13.3#--图文.pdf
│ │
│ ├─{01}--面包屑导航
│ │ [13.1.1]--6.1.1定义面包屑.mp4
│ │
│ ├─{02}--按钮
│ │ [13.2.1]--定义按钮.mp4
│ │ [13.2.2]--设置状态(1).mp4
│ │
│ ├─{03}--轮播
│ │ #13.3.1#--图文.pdf
│ │ [13.3.1]--定义轮播.mp4
│ │ [13.3.2.1]--调用轮播.mp4
│ │ [13.3.2.2]--调用轮播.mp4
│ │ [13.3.3]--添加用户行为(1).mp4
│ │
│ ├─{04}--折叠
│ │ [13.4.1]--定义折叠.mp4
│ │ [13.4.2]--定义折叠(1).mp4
│ │ [13.4.3]--添加用户行为.mp4
│ │
│ ├─{05}--下拉菜单
│ │ [13.5.1]--调用下拉菜单.mp4
│ │ [13.5.2]--下拉菜单添加用户行为.mp4
│ │
│ ├─{06}--表单
│ │ [13.6.1]--4.3.1可支持表单控件.mp4
│ │ [13.6.2]--4.3.2默认风格.mp4
│ │ [13.6.3]--4.3.3布局风格.mp4
│ │ [13.6.4]--4.3.4外观风格.mp4
│ │ [13.6.5]--4.3.5状态风格.mp4
│ │
│ ├─{07}--模态框
│ │ #13.7.1#--图文.pdf
│ │ [13.7.1]--定义框态框.mp4
│ │ [13.7.2]--调用模态对话框成品.mp4
│ │ [13.7.3]--控制模态框.mp4
│ │ [13.7.4]--添加用户行为成品.mp4
│ │
│ ├─{08}--导航
│ │ [13.8.1]--5.5.1定义导航组件.mp4
│ │ [13.8.2]--5.5.2设置导航选项.mp4
│ │ [13.8.3]--5.5.3绑定导航和下拉菜单.mp4
│ │ [13.8.4]--5.5.4激活标签页.mp4
│ │
│ ├─{09}--导航条
│ │ [13.9.1]--5.6.1定义导航条.mp4
│ │ [13.9.2]--5.6.2绑定对象.mp4
│ │ [13.9.3]--5.6.3设计导肮条.mp4
│ │
│ ├─{10}--进度条
│ ├─{11}--分页
│ │ [13.11.1]--6.1.2定义分页组件.mp4
│ │ [13.11.2]--6.1.3设置分页选项.mp4
│ │ [13.11.3]--6.1.4定义翻页组件.mp4
│ │
│ ├─{12}--滚动监听
│ │ [13.12.1]--定义滚动监听.mp4
│ │ [13.12.2]--调用滚动监听.mp4
│ │ [13.12.3]--滚动监听添加用户行为.mp4
│ │
│ ├─{13}--标签页
│ │ [13.13.1]--定义标签页.mp4
│ │ [13.13.2]--调用标签页.mp4
│ │ [13.13.3]--标签页添加用户行为.mp4
│ │
│ ├─{14}--警告框
│ │ [13.14.1]--定义警告框.mp4
│ │ [13.14.2]--警告框添加用户行为.mp4
│ │
│ ├─{15}--弹出框
│ │ [13.15.1]--定义弹出框.mp4
│ │ [13.15.2]--调用弹出框.mp4
│ │ [13.15.3]--弹出框添加用户行为.mp4
│ │
│ ├─{16}--工具提示
│ │ [13.16.1]--定义工具提示.mp4
│ │ [13.16.2]--调用工具提示.mp4
│ │ [13.16.3]--工具提示添加用户行为.mp4
│ │
│ └─{17}--Affix
│ [13.17.1]--定义Affix.mp4
│ [13.17.2]--调用Affix(2).mp4
│
├─{14}--工具类
│ #14.1#--图文.pdf
│ #14.10#--图文.pdf
│ #14.11#--图文.pdf
│ #14.12#--图文.pdf
│ #14.13#--图文.pdf
│ #14.14#--图文.pdf
│ #14.15#--图文.pdf
│ #14.16#--图文.pdf
│ #14.17#--图文.pdf
│ #14.18#--图文.pdf
│ #14.2#--图文.pdf
│ #14.3#--图文.pdf
│ #14.4#--图文.pdf
│ #14.5#--图文.pdf
│ #14.6#--图文.pdf
│ #14.7#--图文.pdf
│ #14.8#--图文.pdf
│ #14.9#--图文.pdf
│
└─{15}--扩展内容
│ #15.1#--图文.pdf
│ #15.2#--图文.pdf
│
└─{01}--图标
#15.1.1#--图文.pdf
#15.1.2#--图文.pdf
#15.1.3#--图文.pdf
[15.1.1]--图标库的安装.mp4
[15.1.2]--图标用法.mp4