不管用。Bootstrap 5 已彻底移除 btn-block 类，改用弹性布局和响应式工具类替代，推荐 d-sm-block w-100 或 col-sm-12 实现 sm 断点起全宽按钮。
Bootstrap 5 中用 btn-block 还管用吗？
不管用。bootstrap 5 已彻底移除 btn-block 类，强行加了也没效果。这不是你写错了，是框架本身不支持了——官方改用弹性布局（flex）和响应式工具类替代。
怎么让按钮在 sm 断点及以上变成全宽？
用响应式 col-* 或 d-*-block + w-100 组合更可控。推荐以下两种方式：
- 直接套
col-12 col-sm-12：放在row内的col容器里，col-12在所有断点下占满，col-sm-12则从sm（576px）起生效 - 不用栅格时，用显示+宽度组合：
d-sm-block w-100——d-sm-block让按钮在sm及以上变为块级元素，w-100拉满宽度
示例：
<button class="btn btn-primary d-sm-block w-100">提交</button>
注意：如果按钮本身是内联元素（如默认 ），w-100 单独无效，必须配合 d-*-block 或 col-* 改变显示模式。
为什么 col-md-12 在某些布局里不生效？
常见原因是父容器没加 row，或按钮被嵌套在非 Flex 容器中。Bootstrap 的 col-* 依赖父级 row 的负 margin 和 flex 设置，否则会撑破、错位甚至失效。
- 确保结构是：
- 若父级已是
d-flex，优先用flex-grow-1+w-100替代col，避免嵌套 flex 冲突 -
col-*在form-group或input-group内可能被样式覆盖，此时回退到d-*-block w-100更稳
移动端小屏下不想全宽，只在 md 起生效？
那就别用 col-sm-12，换成 col-md-12；对应地，显示类也得换：d-md-block w-100。关键点在于断点关键词要对齐：
-
sm：≥576px -
md：≥768px - 类名中
sm和md必须严格匹配，混用（比如d-sm-block col-md-12）会导致行为不一致
响应式类不是“自动适配”，而是“满足条件才启用”，漏掉断点前缀或写错大小写（如 D-md-block）都会静默失效。
