首页 > 其他 > 详细

BootStrap的下载及使用方法

时间:2020-06-21 19:28:51      阅读:62      评论:0      收藏:0      [点我收藏+]

关于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的下载及使用方法

原文:https://www.cnblogs.com/qingmuchuanqi48/p/13173357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!