“这是我参与8月更文挑战的第22天，活动详情查看： 8月更文挑战”

Bootstrap概述

什么是Bootstrap？Bootstrap的作用是什么？

Bootstrap是基于HTML、CSS和JavaScript的前端框架。

该框架已经预定义了一套CSS样式和与样式对应的JS代码(对应的样式有对应的特效)。

开发人员只需要编写HTML结构，添加Bootstrap固定的class样式，就可以轻松完成指定效果的实现。

Bootstrap作用：

那是响应式开发？又解决了互联网前端开发的什么问题呢？

响应式布局：一个网站的展示能够兼容多少个终端(手机，iPad，PC等等)，而不需要为每个终端单独做一个展示版本。

这个概念是专门为解决移动互联网浏览而诞生的。

响应式布局使得网站仅适用一套样式，就可以在不同分辨率下展示出不同的舒适效果，大大降低了网站开发的维护成本，并且能够给用户更好的体验性。

首先点击传送门下载Bootstrap文档。

下载之后咱们解压，然后获得下图文件夹。

打开文件夹，咱们会看到三个文件。

接着我们挨个来看，首先来看CSS文件夹。

我们关注的就是CSS文件(.css结尾)。第一个css文件是样式的完整版，而第二个css文件是缩略版，而缩略版比较小，所以我们上传和访问的速度比较快，因此一般情况下我们都使用min版，min版和完整版有什莫去区别呢？我们打开来看一下。

min版的代码全都在一行上，因此能加快上传速度和访问速度。

两者区别：

完整版用于源码学习，但因文件大小问题，不适合网络间传递。
压缩版用于网络发布，压缩版和完整版的唯一区别就是，仅将完整版的代码间的大量空格和换行删除掉了，节约了大量空间，功能上完全相同，适用于网络间的快速传递，但因为没有了空格和换行，源代码难以阅读。

然后就是fonts文件夹，fonts文件夹中存放的就是一些字体文件，因此我们不需要过多关注。

接着我们来看js文件夹。也就是我们的脚本目录。打开js文件夹我们看到三个文件。我们需要关注的就是前两个，就是我们需要用到的一些特效的实现。

关于这俩个文件的区别参考CSS文件，这里就不再多赘述。

好了介绍完这些文件之后，我们就可以把这些文件放到我们的项目中进行环境搭建了。

在这之前我们还需要下载一个文件：Jquery-1.11.3.min.js

百度压缩版引用地址:

微软压缩版引用地址:

官网jquery压缩版引用地址:

首先我们创建一个Web项目。然后把三个文件夹全部复制到根目录下。

然后把我们下载的Jquery文件复制大js目录下。

到此我们的环境搭建就完成了。下篇我们来学习基本模板的创建。

以上就是Bootstrap的一些简述以及Bootstrap文档的文件介绍和环境搭建，如有不正之处，欢迎掘友们批评指正。