BootStrap的下载及使用方法

关于BootStrap使用很简单,先进入它的官网http://www.bootcss.com/

我们看上方的版本,这里咱们点开Bootstrap3,主页如图下

点击下载

下载左侧获得相关的css、javascript、font等文件,

这里的话,博主用的是3.3.5版本,下载网址:https://github.com/twbs/bootstrap/releases/tag/v3.3.5

下载完成后打开

我们将这三个文件夹拖入我们的开发工具中,这里博主用的开发工具是HBuilder( 支持国产!并且非常好用,国人的骄傲!)

创建一个index.html,导入相关css、js

代码

然后具体怎么去使用bootstrap的样式和组件之类的咱们不需要去背,从官网的上方去选择自己需要的样式,将相关代码copy下来再自己去调整即可

博主示范一下,在组件中选择了

将代码复制到博主代码中

执行效果如下:

在bootstrap中有很多组件、样式等,我们很难去找所需要的组件等,可以在页面中按Ctrl+F,快速查找,如下图:

完毕!

猜你喜欢

转载自blog.csdn.net/qq_42709262/article/details/82183033