Bootstrap是什么呢

最近偶然间接触到一个新词Bootstrap,这是个什么呢?

是什么

Bootstrap是一个基于HTML、CSS、JavaScript开发的简介、直观、强悍的前端开发框架,最初由Twitter的一名开发人员和一名设计人员创建。它提供了优雅的HTML规范和CSS规范。
可在网上下载用于生产环境的Bootstrap,官网 http://getbootstrap.com/
在这里插入图片描述

怎么用

1、将下载下来的Bootstrap中的css文件(bootstrap.min.css或bootstrap.css)复制到项目文件对应的目录中

在这里插入图片描述

2、将下载下来的Bootstrap中的js文件(bootstrap.min.js或bootstrap.js)复制到项目文件对应的目录中

在这里插入图片描述

min.js和js的疑问

还有bootstrap.css和bootstrap.js,为什么用的是bootstrap.min.css和bootstrap.min.js呢,其实都能用,但是这些带min的是完整版的库经过压缩来的,不带min的是完整的未压缩的。他们功能是一样的,但是未压缩的(也就是不带min的)文件比较大,一般用于学习,不用于线上项目,而压缩的(也就是带min的)进行过了优化,文件体积小,降低了网站流量,提升访问速度,所以用于线上项目。jQuery也是如此。

3、引入到项目中

注意

在引入Bootstrap之前一定要先引入jquery.min.js(或是jquery.js)

拓展

如果想找Bootstrap主题,可以从以下俩个网站找(有免费的,有付费的)
https://wrapbootstrap.com/
https://bootswatch.com/

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值