Bootstrap5.*以上版本适用
| 分类 | 类名 | 说明 |
| 栅格布局 | col, col-4, col-md-6 | 响应式列宽，占用12栅格中的多少格 |
| 栅格布局 | row-cols-3, row-cols-lg-6 | 每行自动生成指定数量的列（等宽） |
| 栅格布局 | g-3, gx-2, gy-4 | 栅格间距 gap，g-为上下左右，gx为左右，gy为上下 |
| 尺寸控制 | w-25, w-50, w-100 | 宽度占父容器的百分比 |
| 尺寸控制 | h-25, h-50, h-100 | 高度占父容器的百分比 |
| 尺寸控制 | vw-100, vh-100 | 宽/高占视口 100% |
| 间距控制 | m-3, mt-2, ms-1, me-auto | 外边距 margin(t=上,s=左,e=右,b=下,x=左右,y=上下) |
| 间距控制 | p-3, px-2, pb-1 | 内边距 padding |
| 对齐方式 | d-flex, justify-content-center | 启用 Flex 布局并水平居中 |
| 对齐方式 | align-items-center | Flex 子项垂直居中 |
| 文字样式 | text-start, text-center, text-end | 文字左中右对齐 |
| 文字样式 | fs-1 ~ fs-6 | 文字大小（1最大，6最小） |
| 文字样式 | fw-bold, fw-light | 字体粗细 |
| 外观修饰 | border, border-0, border-top | 添加边框或指定方向边框 |
| 外观修饰 | rounded, rounded-circle | 圆角、圆形 |
| 外观修饰 | shadow, shadow-sm | 添加阴影效果 |
| 响应显示 | d-none, d-block, d-md-none | 控制显示隐藏（不同屏幕响应） |
| 按钮 | btn, btn-primary, btn-outline-secondary | Bootstrap 按钮主类及不同风格 |
| 按钮 | btn-sm, btn-lg | 设置按钮大小 |
| 按钮 | disabled, active | 按钮禁用或激活状态 |
| 颜色 | text-primary, text-success, text-danger | 文字颜色（主题色） |
| 颜色 | bg-primary, bg-warning, bg-light | 背景颜色（主题色） |
| 颜色 | border-primary, border-danger | 边框颜色 |
| 表单 | form-control, form-select | 输入框、下拉框样式 |
| 表单 | form-check, form-check-input | 复选框、单选框样式 |
| 表单 | form-label, form-text | 表单标签与说明文字 |
| 响应式类 | col,col-sm,col-md,col-lg,col-xl,col-xxl | 默认,≥576px,≥768px,≥992px,≥1200px,≥1400px |