Bootstrap是什么呢

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

是什么

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

怎么用

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

Bootstrap是什么呢

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

Bootstrap是什么呢

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/