bootstrap之容器

流体容器

container-fluid
相当于width：100%；

固定容器

槽宽：@grid-gutter-width

阈值	固定容器width	变量名
@media（min-width：1200px ）	固定width1170px （1140+槽宽30px）	@container-lg（大屏PC）
@media（min-width：992px ）	固定width970px（940+槽宽30px）	@container-md（中屏PC）
@media（min-width：768px ）	固定width750px（720+槽宽30px）	@container-sm（平板）
小于768px	auto	@container-xs（移动手机）

固定容器特定样式
移动优先

/*顺序不可变，从小到大排列，当屏幕screen小于最小时，width为auto；当屏幕screen大于1200px时,依次读取下面的样式，最后的样式覆盖前面的*/
 @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;
  }