4.3响应式布局、bootstrap
一、响应式布局
能够根据设备宽度的变化，设置差异化样式
在不同宽度的视口下不同的布局方式
@media（媒体特性）{
选择器{
样式
}
}
用以上的方式添加max-width 、 min-width设置在一定范围内的不同样式
书写顺序：min-width（从小到大）
max-width（从大到小）
完整的写法 区间 中间用and连接
备注：连写的两个数值一定要有区间 不能是空集 不然就会值显示 后面那个属性值
引入差异化 media属性加上一个筛选条件"逻辑符 媒体型 and （媒体特性）"
二、bootstrap
1、ui框架的作用（兼容性高）
优点：基于框架开发，效率高，稳定性高
2、bootstrap框架快速开发响应式网页
备注：引入后需要用相同类名
3、bootstrap3栅格系统布局响应式网页
栅格化是指将整个网页的宽度分成若干等份
默认把网页宽度分成12等分
栅格化是指将整个网页的宽度分成若干等份
*代表在12分中所占的数量多少 比如三分之一就是4四分之一就是3 二分之一是6 以此类推
4、细读bootstrap网站使用手册里面有大量的css格式、插件、组件等按要求使用并引入就行。
