Bootstrap 4 只是无法让flex使用引导或Villa flexbox使元素垂直居中

我在这里失去了理智。我已经浏览了stackoverflow上与我的问题、flexbox自己的资源和bootstrap的TUT相匹配的顶级帖子，我自己也尝试过实现这些。要么是我仍然缺少的基本CSS值（当然可能），要么是我仍然缺少的基本flexbox值，或者是我完全误解的东西。我使用的是Bootstrap4，从未使用flex将元素垂直居中

包含引导类的标记内容显示在下面。H1元素成功地沿x轴居中，但未沿y轴居中

<section>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="d-flex align-items-center justify-content-center">
                    <h1 class="neoretrodraw logo text-center">Logo Text Here</h1>
                </div>
            </div>
        </div>
    <div>
</section>

标志文字在这里

---

请，请，不要简单地指向同一个网站上的另一个或多个帖子——我敏锐地意识到，这个问题以前可能已经以不同的形式得到了回答，我已经阅读过了。我觉得这是一个简单的错误，我错过了一件简单的事情。

您只需在

flex

类中使用类，以及

x

和

y-axix

将

h1

居中即可

现场演示：

标志文字在这里