bootstrap布局是栅格系统
页面分为12格子
col-6 表示占6格
col-3表示占3格
v5版本的新表示
xs <576px | sm ≥576px | md ≥768px | lg ≥992px | xl ≥1200px | xxl ≥1400px | |
---|---|---|---|---|---|---|
Container max-width |
None (auto) | 540px | 720px | 960px | 1140px | 1320px |
Class prefix | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
.col-xxl- |
实测-md就是大于768px
col后面啥也不写,就是小于768px
例如下面的布局
大于768px 占四分之一
小于768px 占一半