bootstrap怎么用

bootstrap用来写html非常快，因为它封装了很多类，我们只需要调用类就可以了。今天咪咪我就来教教大家怎样使用bootstrap。

操作方法

（01）打开搜狗浏览器，使用搜狗搜索bootstrap。搜索之后，点击第一个bootstrap选项。

（02）然后就会进入到这个界面，因为bootstrap是一个插件，所以我们需要把它下载下来。在这里有两个版本，我就选择下载3版本的。

（03）选择版本之后，点击“下载”按钮就可以了。

（04）如图，接着会自动跳转到bootstrap下载界面，这里就点击第一个，至于源码，暂时不用管。

（05）下载之后，就会得到一个压缩包，我们先要把它解压出来，这样才可以使用bootstrap哦。

（06）如图，这就是解压后的文件夹，需要特别注意，不要随意更改文件夹里面的文件，这点很重要，不然bootstrap可能会失效。我们只需要复制这个文件夹就可以了。

（07）之后，我们在Hbuilder里面新建一个项目，然后把复制好的文件夹放到JS文件夹下面，或者其他文件夹也可以。然后再把jQuery放到JS文件夹。

（08）之后，我们来看看bootstrap3.3.7文件夹，可以看到里面有很多css文件以及JS文件。

（09）接着我们引用bootstrap文件夹里面的一个css文件，一般都是引用，这个文件包含有很多类，待会我们可以调用它里面的类名。还需要特别注意的是，如果使用了bootstrap里面的JS文件，必须引入jQuery，因为bootstrap依赖于jQuery插件。

（10）接着我们设置三个按钮标签，然后给class添加一些类名，如图，class引号后面的类名就是文件里面的类。

（11）之后，打开浏览器，可以看到每个按钮都有不同的颜色，这样我们就不用自己去写css样式，直接调用类名就可以了哦。

特别提示

最后总结一下，bootstrap里面有很多的类，调用就可以得到相应的样式，而且再次强调，不要随便修改bootstrap文件夹里面的文件以及文件路径！并且如果用到了bootstrap里面的JS文件，一定要引入jQuery哦。当然，在这里我只引用到了css文件。