我可以解决这个问题，但我觉得我并不完全理解某些东西。我习惯于每当您将display:block;应用于元素时，它都会自动变为全宽。但是，当我d-block类应用于引导 4 按钮 (.btn( 时，除非我添加 css 属性或类width:100%;否则它不会全宽.w-100。
我知道.btn-block类允许使按钮全宽，但这并不理想，当您只希望按钮在某些断点上为全宽时。
编辑：
对于那些要求代码的人： https://codepen.io/samaxe/pen/LYERYxq
正如这里所解释的，按钮(如输入、选择、图像等(具有元素本身的内在大小。
但是，如果要在不使用网格列的情况下使按钮宽度响应，则可以将其放在弹性框容器中。
例如，这里是中和下方的 100% 宽度(lg 和上方的自动宽度(...
<div class="p-5 d-flex">
<button type="button" class="btn btn-primary flex-grow-1 flex-lg-grow-0">button</button>
</div>
代码演示