- bootstrap的来历//这个东西是推特公司原本自己用的,是前端写页面太多,形成了很多固定形式,所以就直接写出这个东西,让后端直接拷贝代码就可以搞出页面了...这样后端就不用时常找前端的麻烦了,也提高了效率;这样做出的页面可能不好看,但是很多网页是不需要好看的~~~~~也就是说,这个东西是给后端用的
- bootstrap前端为什么不愿意用,还喜欢黑他//因为前端是自己写CSS的
- 既然前端不用,为什么还有人问呢?分情况:前端少的小公司,和前端多的大公司是有区别的,因为小公司是没有前端的,所以他们招人是后端招人,后端就以为厉害的前端就是会bootstrap的,所以小公司追捧这玩意~~~~~
- 响应式其实就是一个东西,媒体查询
现在是第三个版本,就别去用第二版本了,因为3是2的重写版//为什么重写呢?因为2是兼容IE6的,现在都没人搞这个ie6兼容了~~~~~~~~~~~
- bootstrap的特点
-它内置了less和sass,也就是说你可以自己写css和less sass
-它是一个框架,多个设备,响应式就一个东西:媒体查询;也就是一份代码多个设备可以通用
下载bootstrap
- 什么是生产环境呢?给别人用的;什么是开发环境?给自己用的;
- 那么实际2种版本有什么区别?功能一样,生产环境的内存要小一点.
- 里面有什么东西呢? 写好的css 写好的js 写好的字体
- 如何使用呢? //先下载,然后里面有3个文件,把3个文件复制到项目文档里面,项目里面就会多出css js font 3个文件夹,然后引入到html里面就行了//注意其中bootstrap.css是源代码;bootstrap.min.css是压缩版,就是把所有回车+空格都压缩的,内存小了一丢丢的版本
- 一句话:给客户用,就用min版本,给自己用就用原版本,不过建议一直用min版本,因为以后你是要工作的~~~~
- 如何引入呢? //在link script 便签正常引入就行了
- 注意~~~~~!!!!!!!!!!! bootstrap的js必须要有jquery存在的前提啊~~~!!!!!//所以要先引入jQuery然后再引入bootstrap.js
这里注意,建立当地服务器~~的代码
如果已经安装,先进入项目文件,然后http-server -c-1
如果没有安装,先安装npm i http-server -g,进入项目文件,然后http-server -c-1
这样就建立当地服务器了,会弹出2个地址随意选一个
安装完之后,就是使用bootstrap了
- 首先要理解网格/栅栏系统
