不管用。bootstrap 5 已彻底移除 btn-block 类，改用 d-{breakpoint}-block 与 w-100 组合或 col-{breakpoint}-12 栅格方案实现全宽按钮，需注意父容器 padding、max-width 和 flex 上下文影响。
Bootstrap 5 中 btn-block 还管用吗？
不管用。Bootstrap 5 已彻底移除 btn-block 类，CSS 文件里根本不存在这条规则——不是你写错了，是框架本身不支持了。强行加上去，DevTools 里连对应样式都查不到。官方改用弹性布局和响应式工具类替代，继续用只会浪费调试时间。
怎么让按钮在 sm 断点起变为全宽？
推荐两种稳定写法，选其一即可：
-
class="btn btn-primary d-sm-block w-100"：d-sm-block让按钮在 ≥576px 时变成块级元素，w-100拉满宽度；注意顺序无关紧要，但必须同时存在——w-100单独对内联元素无效 -
class="btn btn-primary col-sm-12"：前提是按钮必须包裹在<div class="row"> 内，且直接父级是 <code><div class="col-sm-12">；如果按钮直接加 <code>col-sm-12，它不会生效，因为col-*依赖父容器的 flex 布局和负 margin - 别混用断点前缀，比如
d-sm-block col-md-12——sm和md不对齐，行为不可预测 -
.container、.col或自定义类（如.price-content）自带padding-left/right: 15px或padding-right: 50px，先用px-0清除 - 父级设了
max-width（比如.container在lg下默认 992px），再宽也没用，可加mw-100覆盖 - 按钮在
<div class="input-group"> 里时，<code>w-100失效是常态——因为input-group是display: flex，子项不响应width；此时改用flex-grow-1或把input-group改成d-flex flex-column - 验证方法：打开 DevTools → Elements → 看按钮的 Computed 样式中
width是否真为100%；如果是auto，基本就是 flex 主轴或 padding 干扰 -
w-100在 ≤md断点（即 xs/sm/md）下宽度为100% -
w-md-auto从md断点起（≥768px），宽度重置为auto，按钮回归内容自适应宽度 - 顺序不能颠倒：
w-md-auto w-100会失效，因为后声明的w-100覆盖了前面的w-md-auto -
w-sm-100在 Bootstrap 5.2 及更早版本中不存在，强行使用无效；旧版本只能靠自定义媒体查询或退回到col-12 col-sm-auto栅格方案 - 别用
style="width: 100%"替代——它无法被断点类覆盖，会破坏响应逻辑，且维护成本高
为什么加了 w-100 按钮还是没真全宽？
90% 的问题出在父容器“偷偷卡住”了它，而不是按钮本身：
w-100 w-md-auto 怎么组合才有效？
这是实现「小屏全宽、大屏自适应」的标准写法，但顺序和断点逻辑必须严格：
flex、padding、max-width 这三样只要漏查一个，再写十遍 w-100 都没用。
