Bootstrap模版框架怎么用

Bootstrap是现在很流行的一套前端框架，美观大方而且用起来非常方便，可能很多做前端开发的新手朋友还不知道Bootstrap模版框架怎么用，今天小编就来向大家介绍一下Bootstrap的用法。

工具/原料

• Bootstrap相关文件

方法/步骤

1. 1

   首先我们当然是需要得到Bootstrap相关文件，因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。

   
2. 2

   如果你的英文水平不是太好的话，没关系，我们可以到国内做的汉化比较好的Bootstrap网站去下载，最新版本都是3，属于扁平化的那种。

   
3. 3

   以上两步点击下载按钮后都会跳转到一个详细下载列表，有三种Bootstrap，这里我们下载第一个就可以了。

   
4. 4

   下载完成后解压，会看到文件有三个子文件夹，分别是css、font、js，里面带min的文件都是压缩后的文件，在网站上线的时候用，其他未压缩的文件我们可以在平时开发的时候用。

   
5. 5

   再之后就是要用这套Bootstrap框架了，首先要做的就是建立一个html文件，你可以用任何文本编辑器，这里推荐Dreamweaver CS6，个人感觉比较好用。

   
6. 6

   接下来就是要引入css文件了，要把文件的路径写正确，如果网页内用到了Bootstrap的js效果，那么必须先引入jQuery文件，因为Bootstrap的js插件都是基于jQuery的。

   
7. 7

   最后就可以在body标签内应用Bootstrap相关的class了，这些都是封装好的，只要嵌套正确就是做出漂亮的网页了。

   

   
   END

注意事项

• Bootstrap标签需要合理嵌套。