css笔记21/bootstrap就是复制粘贴(待续)

  • 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了

  • 首先要理解网格/栅栏系统
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 以下文章转载自知乎,暗灭-京华九月秋近寒,浮沉半生影长单. 暗灭 京华九月秋近寒,浮沉半生影长单 10,850 人...
    ve追风_685b阅读 4,141评论 1 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,100评论 25 709
  • 1.再小的孩子也要诚信,哪怕是一个小小的约定,都要信守承诺。遵守约定就会给别人留下真诚、守信的号印象,别人也愿意和...
    稻草人儿童摄影阅读 252评论 0 0
  • 霡頔开始本不姓林 很少喝酒是容易过敏 但喜欢酒后淡淡的啤酒味 或者,少量的白酒也好 很有些耐人寻味 记得说过有一次...
    微风LG阅读 173评论 0 1