【前端框架】bootstrap框架的引入使用

【前端框架】bootstrap框架的引入使用

这是一款开源免费的前端框架，能够帮助我们很快速的搭建一个页面，优化代码，符号w3c标准，并且兼容IE6及以下浏览器。

首先要进入官网，我们直接百度bootstrap，看得有个中文网，进入就可以了，或者看下图地址栏输入。

单击页面上的下载按钮，进入如下模块中，我们能够看到能够下载的安装包。

这里往下拉，它有非常多的安装方式，这里我们就选择第一个就好了，单击“下载Bootstrap”按钮进入下载。

进入下载文件夹进行解压，这里我们可以看得解压后文件夹中所包含的文件。我们所需要知道的是，css是样式文件夹，里面包含了所有构造样式类，js是基于jQuery的行为文件夹，在引入js文件前需要先引入jQuery的js文件，font用于存储图标。

现在我们创建一个新项目。将框架目录放到文件夹下面。然后创建一个html的文件作为页面容器。

现在我们需要将需要的文件引入，具体如图所示。

为了兼容手机端，还需要添加一条

我们可以打开浏览器查看添加了框架和没有添加框架的具体效果。在这里全部都是优秀的使用Bootstrap框架的页面，我们可以进行参考。