一.目录（总体，这门课要学的目录）（现在是第二章，bootstrap前端开发框架）

1.响应式开发

2.bootstrap前端开发框架

3.bootstrap栅格系统

4.实训案例（阿里百秀首页）

二，bootstrap前端开发框架

2.1 下载bootstrap

中文官网 http://www.bootcss.com// 我推荐

官网 http://www.getbootstrap.com//

黑马推荐 http://www.bootstrap.css88.com// 此网站现在不知道为什么进不去

由于技术原因，我们选择最完善的bootstrap3

2.2 如何使用bootstrap

2.2.1 使用规范

的由于现在没有接触关于JavaScript的课程所以卫门暂时不考虑js，暂时只使用bootstrap的样式库。

bootstrap的使用四部曲

1，创建文件夹结构

2，创建HTML的骨架结构

3，引入相关样式文件

4，书写内容

创建文件夹结构

（bootstrap文件夹中是我们在官网下载好的css js font）

并且里面我们常用bootstrap.css 和bootstrap.min.css

创建HTML的骨架结构（包括了书写内容，引入相关样式文件）

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	
<link rel="stylesheet"  href="bootstrap/css/bootstrap.min.css">
	<!--不要忘记引入bootstrap的样式文件-->
<title>文档</title>
</head>

<body>
	123
</body>
</html>

总结：

这节课，我们只是做了，开发bootstrap之前的准备工作，

四部曲一定要记住，

代码的基本样是可以获取的，链接https://v3.bootcss.com/getting-started/#template

在基本模板这可以看得到。