Html 引导4在div中垂直居中文本

我有以下简单的HTML代码（带引导）：

文本居中
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月酒馆

我只想将div中的文本“text to center”垂直居中，保持边框与示例中的一样（不降低高度）

我尝试过类似于

my auto

或

align items middle

的方法，也阅读过以前提出的问题，但没有成功

如果可能，我不想添加类（使用现有的引导）

---

这里是提琴：

您可以在引导中使用Flex box预定义类：

文本居中
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

尝试将

my auto

添加到行中的第一个div

<div class="col-2 border rounded text-center my-auto">

---

请使用Class:调整资源中心答案是将

d-flex align items center

添加到元素

例子 如果你有这个：

<div class="col-3">

将其更改为：

<div class="col-3 d-flex align-items-center>

---

谢谢小朋友，但这正是我不想要的（div的高度降低了）谢谢，我刚刚删除了
文本中心，现在已经没有效果了……这个中心水平地包含文本，但垂直地指定了问题。
<div class="col-3 d-flex align-items-center>