Bootstrap 5 栅格系统详解：12 列布局与断点

Bootstrap 的栅格系统把一行分成 12 列，配合 container、row、col 三个层使用。断点分为 sm、md、lg、xl、xxl，写 col-md-6 表示在中等屏幕及以上占一半宽度，小屏自动堆叠。嵌套栅格时要注意 row 的负外边距，外层加 padding 才能对齐。
常用组件包括按钮、卡片、导航栏、下拉菜单、模态框、提示条与分页。模态框建议用 data-bs-toggle 触发，避免自己维护显示状态；卡片适合承载搜索结果、商品与文章摘要，配合 shadow 与 border-0 可以做出轻量阴影效果。
以上内容整理自公开资料与实操经验，具体参数请以实际环境为准。