前期框架 Bootstrap框架

1.什么是CSS框架

封装了很多重复的工作

提高了开发的效率

随着Web应用变得越来越复杂。在大量的开发过程中，我们发现有许多的功能模块非常相似。
例如轮播图，分页，导航，进度条，模态框等，每一次都手动书写无疑是在做重复工作。
框架的作用就是把这些功能封装称为一个个组件，在开发过程中直接拿过来使用即可，极大的提高的开发的效率。

2.前端常用框架

Amaze UI
Framework7
Bootstrap(重点，目前最常用的前端框架)

3.Bootstrap准备学习

3.1-下载Bootstrap框架

生产环境版本：代码已经压缩，可以直接部署在服务器
源码学习版本：代码没有压缩，程序员可以学医源码
sass版本：进行了sass的预处理版本

在线导入(需要网络，一般也不会直接从bootstrap服务器导入)
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

本地导入(学习阶段，下载存放在本地，直接导入即可)
<link rel="stylesheet" href="bootstrap/3.3.5/css/bootstrap.min.css">

使用命令行安装下载
npm install bootstrap

3.2-离线文档的使用

在线的文档需要网络，查看并不是非常方便；
所以老师准备一份离线版的中文文档，直接打开index文件即可；

3.3-起步

从零到一看起步；
从一到精通看组件实例；

因为Bootstrap主要是用来做移动端与PC端的响应式布局，当然我们任务更多的是移动端布局。
所以就会有一些视口属性需要设置，包括一些浏览器的兼容。
不用担心
文档已经准备了一个基本模板让我们复制了。

复制起步页面中准备好的模板代码
并且修改导入文件路径为本地路径