Bootstrap 4 为什么引导btn需要宽度:100%使引导按钮达到全宽?不应显示:块;默认情况下使按钮全宽?

Bootstrap 4 为什么引导btn需要宽度:100%使引导按钮达到全宽?不应显示:块;默认情况下使按钮全宽?,bootstrap-4,Bootstrap 4,我可以解决这个问题,但我觉得我不完全理解一些事情。无论何时应用display:block;对于元素,它将自动变为全宽。然而,当我将d-block类应用于bootstrap 4 button.btn时,除非我添加宽度:100%,否则它不会达到全宽度;css属性或.w-100类 我知道.btn block类允许按钮全宽,但这并不理想,当您只希望按钮在某个断点上全宽时 编辑: 对于要求代码的用户: 作为输入、选择、图像等按钮。。。从元素本身进行内部大小调整 但是,如果您希望在不使用网格列的情况下使按钮

我可以解决这个问题,但我觉得我不完全理解一些事情。无论何时应用display:block;对于元素,它将自动变为全宽。然而,当我将d-block类应用于bootstrap 4 button.btn时,除非我添加宽度:100%,否则它不会达到全宽度;css属性或.w-100类

我知道.btn block类允许按钮全宽,但这并不理想,当您只希望按钮在某个断点上全宽时

编辑:

对于要求代码的用户:

作为输入、选择、图像等按钮。。。从元素本身进行内部大小调整

但是,如果您希望在不使用网格列的情况下使按钮宽度响应,可以将其放入flexbox容器中

例如,这里的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>

请张贴您的密码。很难知道为什么不知道按钮中包含的内容,它们一定是其他CSS导致了这一点。。。带btn块的按钮是使用引导的全宽按钮-4@Zim请参阅编辑,添加代码penI不认为这是一个引导问题。这是如何按钮和输入,选择等。。。按照此处的说明进行操作: