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

Newsletter

火坑游戏入门避坑宝典

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