Bootstrap 5 网格的基本结构
创建相等宽度的列，Bootstrap 自动布局
实例
.col
.col
.col
尝试一下 »
等宽响应式列
以下实例演示了如何在平板及更大屏幕上创建等宽度的响应式列。 在移动设备上，即屏幕宽度小于 576px 时，四个列将会上下堆叠排版:
实例
.col-sm-3
.col-sm-3
.col-sm-3
.col-sm-3
尝试一下 »
不等宽响应式列
以下实例演示了在平板及更大屏幕上创建不等宽度的响应式列。 在移动设备上，即屏幕宽度小于 576px 时，两个列将会上下堆叠排版:
实例
.col-sm-4
.col-sm-8
尝试一下 »
设置某一列宽度
如果只设置一列的宽度，其他列会自动均分剩下的宽度。 以下实例将列宽度为 25%、50%、25%：
实例
col
col-6
col
