Css 如何在不将内部文本居中对齐的情况下将引导卡居中对齐？

我正在使用bootstrap为其网站上的卡片提供的代码，但似乎无法将卡片居中对齐到我的页面，而不对齐卡片中的文本

这就是我现在拥有的-->

卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
卡片标题
卡片字幕
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

我想要达到的风格是-->

---

现在不担心样式，因为我可以在CSS中更改它

将代码放入div并添加类名，例如“centered” 您的CSS可能如下所示：

.centered {
           margin-right:auto; 
           margin-left:auto ; 
}

---

请查看下面的链接。希望这有帮助。谢谢

777

我添加了一个带有外部类的父潜水，并给出了

dispaly:flex

和

justify content:center

。这将使所有的跳水动作都集中在中心

下面是你的参考链接。

---

刚刚试过，但似乎不起作用：（仍然有同样的问题

.centered {
           margin-right:auto; 
           margin-left:auto ; 
}