Html Twitter引导flex垂直中心无法使用align self center

我正在使用twitter bootstrap 4.4.1和flex进行布局。 我想要实现的是在顶部有一个导航栏，在屏幕中间有一些内容。

有点像这样：

我正在使用以下代码（这里也是JSFIDLE）：

大的
一些文本

我增加了h-100级，使其成为全高的集装箱。

您还需要确保任何父项也为100%高度（或具有定义的高度）

html，正文{ 身高：100%； }

使用“对齐项目中心”，而不是“对齐自中心”

你也可以在这里看到变化

html，正文{
身高：100%；
}

大的
一些文本

我增加了h-100级，使其成为全高的集装箱。

您还需要确保任何父项也为100%高度（或具有定义的高度）

html，正文{ 身高：100%； }

使用“对齐项目中心”，而不是“对齐自中心”

你也可以在这里看到变化

html，正文{
身高：100%；
}

大的
一些文本