Bootstrap 栅栏布局中 col-xs-、col-sm-、col-md-、col-lg-
(1)基本布局格式:bootstrap把网页分成12栅格,排版时以每一单元作为度量单位;
例:.container>.row>.col-sm-1
(2)关键字段
1、col是列;
2、row是行;
3、xs是maxsmall的简写:极小, sm是small简写:小, md是medium简写:中等, lg是large简写:大;
4、-number 表示占列数即12份中的几份;
5、
.col-xs-number 极小屏幕如手机 (<768px)时使用;
.col-sm-number 小屏幕如平板 (768px ≤ 宽度 <992px)时使用;
.col-md-number中等屏幕如普通显示器 (992px ≤ 宽度 < 1200px)时使用;
.col-lg-number大屏幕如大显示器 (≥1200px)时使用。
仅作备忘