Bootstrap 5 中 btn-block 已被彻底移除，不再生效；应改用 d-{breakpoint}-block 与 w-100 组合实现响应式全宽，如 d-md-block w-100，并注意父容器限制、btn-group 影响及 CSS 优先级问题。
Bootstrap 5 中用 btn-block 还管用吗？
不管用。Bootstrap 5 已彻底移除 btn-block 类，直接使用会无效。这是很多人升级后按钮不撑满容器的首要原因。
正确做法是借助响应式工具类（utility classes）控制 display 和 width，而不是依赖已废弃的类名。
如何在 md 断点及以上让按钮变全宽？
用 d-md-block + w-100 组合是最稳妥的方式：前者确保在 md（768px）及以上为块级元素，后者强制宽度 100%。
-
d-md-block：在md及更大断点下设为display: block，小屏仍保持内联（如display: inline-flex） -
w-100：无论断点如何，都设width: 100%；它本身无响应前缀，需配合断点类控制生效时机 - 不要只写
w-md-100—— Bootstrap 没有w-{breakpoint}-100这种类，w-100是全局生效的
示例：
<button class="btn btn-primary d-md-block w-100">提交</button>
想在 sm 断点就全宽？注意按钮默认 display 类型
Bootstrap 按钮默认是 display: inline-flex，而 w-100 对非块级元素效果受限（尤其在 flex 容器中可能被忽略）。所以必须显式设为块级或 flex 块级。
- 在
sm断点全宽：用d-sm-block w-100 - 如果父容器是
flex（比如btn-group或自定义 flex 布局），d-sm-block可能失效——此时改用flex-sm-column配合w-100更可靠 - 避免用
col-12包按钮：那是栅格类，专用于div等容器，套在按钮上语义错、样式乱
为什么有时加了类还是不全宽？检查这三点
常见失效不是类写错，而是被其他样式覆盖或上下文干扰：
- 父元素设置了
max-width（比如.container或自定义限制），按钮再宽也撑不出去 - 按钮在
btn-group里：该组件默认禁用width，需额外加flex-fill或移出 group - CSS 优先级冲突：比如自定义样式写了
width: auto !important，会盖过w-100
调试时直接在浏览器检查元素，看 width 是否被计算为 100%，以及 display 是否如预期切换。
