..

8-12

 媒体查询：@media（视口宽度）{} 宽度值后面覆盖前面，数值从上到下是从小到大 在做响应式的布局时会要用到 

8-13 

BootStrap框架：在www.bootcss.com。

下载框架使用 在html中使用link引入使用，可以引用bootstrap.min.css/bootstrap.css，俩个一样不过min的加载速度会更快一点。

 BootStrap栅格系统：将视口分为12份。

 视口的宽度也分为4种：<=768px(超小屏幕）col-xs，>=768px（小屏幕）col-sm，>=992px（中等屏幕）col-md，>=1200px（大屏幕）col-lg，在其中是使用浮动因为兼容性好  


分别用row和.col来定义栅格布局的行和列（row自带-15px的margin）row可以用来抵消container的15px

container-fluid：宽度为100%