Typography

grid system

One of three columns

One of three columns

One of three columns

grid Options

	Extra small <576px	Small ≥576px	Medium ≥768px	Large ≥992px	Extra large ≥1200px
Max container width	None (auto)	540px	720px	960px	1140px
Class prefix	`.col-`	`.col-sm-`	`.col-md-`	`.col-lg-`	`.col-xl-`
# of columns	12
Gutter width	30px (15px on each side of a column)
Nestable	Yes
Column ordering	Yes

Equal width

1 of 2

2 of 2

1 of 3

2 of 3

3 of 3

Column

Column

Column

Column

1 of 3

2 of 3 (wider)

3 of 3

1 of 3

2 of 3 (wider)

3 of 3

Variable width content

1 of 3

Variable width content

3 of 3

1 of 3

Variable width content

3 of 3

Responsive classes

All Break Points

col

col

col

col

col-8

col-4

Stacked to horizontal

col-sm-8

col-sm-4

col-sm

col-sm

col-sm

Mix and Match

.col-12 .col-md-8

.col-6 .col-md-4

.col-6 .col-md-4

.col-6 .col-md-4

.col-6 .col-md-4

.col-6

.col-6

Alignment

Vertical Alignment

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

One of three columns

Horizontal Alignment

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

One of two columns

火坑游戏入门避坑宝典

欢迎来到火坑游戏入门避坑宝典，这里专注于分享火坑类游戏的入门知识与避坑技巧。无论你是初入游戏的新手，还是寻找更高阶技巧的玩家，我们都能提供详尽的经验与实用的攻略。我们会定期更新火爆游戏的信息，帮助你在游戏中更轻松愉快地前行，避免不必要的误区与损失