Css 如何在引导4中垂直对齐项目？

我正在尝试垂直对齐列中的文本。如果我在父项（列）中使用

my auto

，则它会垂直对齐文本，但它会将所有内容拉到中心，我需要保持背景。背景色当前位于列上

当我删除

my auto

时，返回完整的橙色背景，但文本位于顶部

我尝试创建一个内部行>列结构来解释它，但它不起作用。有什么想法吗

2018名发言者

不要使用边距，而是通过添加

.d-flex

类将列的显示设置为flex，然后使用

.align items center

类将文本垂直居中。然后，您还可以添加

。调整资源中心
以使其水平居中：



2018名发言者
不要使用边距，而是通过添加
.d-flex
类将列的显示设置为flex，然后使用
.align items center
类将文本垂直居中。然后，您还可以添加
。调整资源中心
以使其水平居中：



2018名发言者
“消息”：“脚本错误。”，
您需要在引导之前加载jQuery.min.js。@connexo-它是固定的。始终可以在
h1
上执行
style=“position:absolute；top:50%；left:50%；transform:translate（-50%，-50%）”
或等效的类以获得您想要的结果……这仍然会破坏我的背景色。这里有一条消息供进一步参考。
“消息”：“脚本错误”。
您需要在bootstrap.min.js之前加载jQuery。@connexo-它是固定的。可以始终执行
style=“位置：绝对；顶部：50%；左侧：50%；转换：翻译（-50%，-50%）”
在您的
h1
上，或者在一个等效的类上，以获得您想要的结果…这仍然会破坏我的背景色。这里有一个供进一步参考的例子。