容器类(Containers)
-
.container
:- 创建一个响应式固定宽度的容器。
- 容器的宽度会根据屏幕大小自动调整。
-
.container-fluid
:- 创建一个全宽的容器,宽度为 100%。
栅格系统(Grid System)
-
.row
:- 创建一个栅格行。
- 栅格行必须放在容器(
.container
或.container-fluid
)内。
-
.col
、.col-*
、.col-*-auto
:- 创建栅格列。
*
可以是sm
、md
、lg
、xl
、xxl
,分别对应不同的屏幕尺寸。- 例如,
.col-md-6
表示在中等及以上屏幕尺寸下占据 6 列。
-
.col-12
、.col-6
、.col-4
<