前端:Bootstrap配置教程

Bootstrap简介

刚开始学习前端的小伙伴肯定很苦恼，网页中每一个元素的属性都要自己动手配置，有时候改了前面的属性，后面的元素有变得混乱不堪，又一个一个重新配置，这实在是令人抓狂。而Bootstrap就是来解决这样的用户痛点，帮助开发者快速写出前端界面。

按照官网的介绍，Bootstrap 是最受欢迎的HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 通过已经得以好的元素属性与页面配置，帮助开发者快速开发项目，受到极大的欢迎。Bootstrap是个开源项目，托管在Github上。点击前往

环境配置

1.官网下载

为了方便，我们可以直接在Bootstrap中文网上下载其资源包。另外，官网提供官方文档，帮助用户理解使用。

其中共有三个下载按钮，对于初学者来说下载第一个就够了。第一个是压缩后的Bootstrap文件，适合项目上线开发使用，对于不要求知道源码的开发者使用，第二个是完整版的，供深度学习使用，第三个是在Sass项目中使用的，这里不过多介绍了。

下载后解压缩文件，可以看到 css，js，fonts 三个文件夹，里面就存放着我们所需要的文件。其中的fonts是部分图标的文件。

2.环境配置

在html文件中，直接引用css与js文件，即可快速配置。

CSS文件引用

 <link rel="stylesheet" href