[前端] 前端bootstrap col-xs-6 col-md-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 占一半