[前端] 前端bootstrap col-xs-6 col-md-3的布局意思

2022-02-23 16:42:34 浏览数 (3)

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 占一半

0 人点赞