Html 如何删除卡引导4中的额外空间

所以我一直在想办法解决这个问题。在这一部分中，我似乎无法使卡片水平居中，当我检查inspect元素时，发现卡片占用了一些额外的空间，而不是真正的填充或边距。这件事急需帮助。我只是简单地使用引导网格，目标是使卡片水平居中

#产品
{
@包括sectionDefaultValues（）；
#产品txt cont
{
背景色：$siteColor；
填充：15px；
}
#产品文本
{
颜色：白色；
}
}

产品和服务
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
情态标题
&时代；
模态体文本在这里

接近
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
情态标题
&时代；
模态体文本在这里

接近
卡片标题
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
情态标题
&时代；
模态体文本在这里

接近

我想出来了，哈哈，只需将“mx auto”类添加到卡中

放置“no gutters”类尝试过，但仍然没有雪茄，卡元素本身的宽度大于其应有的宽度，尝试过修改宽度，但也没有效果