媒体查询和bootstrap
@media （媒体查询） { 选择器 {样式} }
min-width最小
max-width最大
1，@media写入指令媒体查询
2，括号里写入查询条件
3，多个媒体特性之间写入and 连接
@media 有覆盖特性
要征询从小写到大的顺序，否则会被覆盖----------------------------很重要
外链式css设置查询条件
当需求里面出现小于：使用max-width
当需求里面出现大于：使用min-width
bootstrap使用方法
1.官网下载至css
2.根据需要去bootstrap官网复制黏贴预先写好的类名引用
3.修改
bootstrap栅格系统
lg 大 md中 sm小 xs超小
可以根据栅格系统布局响应式网页布局，使用方法：
col - 屏幕大小样式 - 一个单位占多少格子
1，当效果相同时，只需要保留一个
2，通栏不需要写
选择器里的+意思是
s+v {v前面有s就选中}
轮播图 设置
引入两个js
关于jquery.js和bootstrap.js
先引进jq再引进bootstrap
bootstrap定制化内容
1，找到并修改定制化内容
2，拖到最下面，编译并下载
3，修改文档里面的css.js，引入即可
object-fit：cover
图片超出盒子大小时裁剪多余内容裁剪宽高比
