bootstrap栅格系统

1.什么是bootstrap

bootstrap是响应式布局的UI框架

2.栅格系统

(1)实现响应式布局原理

运用了媒体查询+浮动

(2)屏幕宽度的划分

①大屏幕 >1200px lg

②中等屏幕 992-1200 md

③小屏幕 768-992 sm

④极小屏幕 <768 xs

(3)引入步骤

①先写版心（container为居中，具有左右15的内边距 container-fluid为全屏）

②写行.row (row有-15的外边距，可以与container的内边距抵消)

③写栅格 （col-lg-3 表示在大屏幕下每一列占三份，以此类推； 大屏幕默认继承小屏幕样式）