####Bootstrap
1.引入
###容器
1.流体容器 container-fluid
2.固定容器
阈值 width
大于等于1200(lg 大屏pc) 1170(1140+槽宽)
大于等于992(md 中屏pc) 970(940+槽宽)
小于1200
大于等于768(sm 平板) 750(720+槽宽)
小于992
小于768(xs 手机) auto
###栅格源码分析
1.流体容器&流体容器 公共样式
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
2.固定容器 特定样式
顺序不能变
@media (min-width: @screen-sm-min) {
width: @container-sm;
}
@media (min-width: @screen-md-min) {
width: @container-md;
}
@media (min-width: @screen-lg-min) {
width: @container-lg;
}