[前端] 前端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 佔一半