bootstrap使用教程

1、打开浏览器，搜索框输入“bootstrap”。如图，点击进入“Bootstrap中文网”。

2、进入后，我们可以看到bootstrap有三个版本。这里以‘Bootstrap3’为例。如图点击“Bootstrap3中文文档”。

3、点击页面中央按钮“下载Bootstrap”。跳转到下载页面。

4、这里有三个下载选项，我们只需下载“用于生产环境的 Bootstrap”即可。

5、下载完成后，我们会得到一个压缩包，将其解压缩后，会得到如下图所示目录结构。

6、我们在编写页面时只需引入相应的css、js即可使用Bootstrap的样式。注：Bootstrap 的所有 JavaScript 插件都依赖 jQuery，需要在引入Bootstrap.js前先引入jQuery.js文件。如果没有jQuery.js文件，可取jQuery官网下载。

7、我们点击导航栏中“全局CSS样式”、“组件”，即可查看其相应的使用方法。。