一.响应式
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
二.容器
1.固定容器 ***container***
2.流体容器 ***container-fluid***
三.栅格系统
1.class="row"
2.col:列
3.lg:大屏
md:中屏
xm:小屏
四.列偏移:挤走后面的内容
offset
<div class="col-lg-3 col-lg-offset-1">1</div>
五.列交换::后面的内容 不会挤走。会重叠
push
<div class="col-lg-3 col-lg-push-6">2</div>