Twitter bootstrap 引导4卡-页脚上方较短的边框

使用bootstrap4，是否有办法减少

卡尾顶部边框的长度

正常的
卡片页脚
边框横跨卡片的整个宽度。
我试着使用
卡片页脚上的边距utils（mx-3）来缩短可见边框

        <div class="card">
             <div class="card-body">
                  ..
             </div>
             <div class="card-footer mx-3">
                  Footer
             </div>
        </div>


..
页脚

但是，添加了边距后，页脚内容与
卡片正文不一致
内容


是否有一种方法可以缩短可视边框，并使卡片页脚与主体对齐，只使用引导4类，而不使用额外的CSS

我发现这个问题可以通过使用解决

在引导程序4中，
.card body
和
.card footer
都有侧边填充

相反，通过向父
.card
（
px-3
）添加填充，并从
.card body
和
.card footer
中删除填充（
px-0
），页脚的可见上边框就会减小。正文和页脚内容在左侧对齐



所容纳之物
页脚

这说明了实用程序类是多么有用。
我也遇到了同样的问题，但发现只需将px-0添加到.card类中就可以解决它。它还修复了任何卡片图像渲染过小的问题
我认为这不起作用。引导4中的卡首先没有填充。只有卡体和卡脚有填充。而且，这不会使所需的间距靠近边界。
<div class="card px-3">
     <div class="card-body px-0">
          Content
     </div>
     <div class="card-footer text-muted bg-transparent px-0">
          Footer
     </div>
</div>