什么是bootstrap?
bootstrap是一种ui框架:
最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目
在这里我们需要了解什么是框架,什么是库,他们之间有什么区别?
jQuery库:程序员可以根据自己的习惯再原生js和jQuery中间切换
bootstrap框架:定义好了写法,必须按照他的写法去规范形式去写
bootstrap的用处:
01可以做简单的后台系统
02.一些简单的官网、阅读性的网站,方便后台人员开发一些简单的项目,只需要jQuery和bt的就可以做出
03,(bootstrap火起来的原因)响应式布局,一套代码,同时适配多个终端
什么叫响应式布局?
即一套布局,可以适应多个终端
原理:利用css中的媒体查询,在不同的尺寸下对应不同的css代码
注意:bootstrap不能用再大型复杂的网站上面,例如淘宝京东等,后期维护及其不方便
什么是媒体查询?
style中有一个@media属性,可以设置当窗口大小时的显示内容:
@media screen and (max-width:100px) and (){
}
其中screen可写可不写,默认为all,全部支持,screen一般指的是手机,pad,以及电脑
下面我们详细看一下bootstrap的详细内容:
第一部分:全局的css样式,只需要引入css文件即可
第二部分:组件:引入css文件更改内容即可
第三部分:JavaScript插件:引入css文件更改内容即可
