Bootstrap 4 - 垂直对齐

Question

对不起，这可能是之前已经讨论过的事情（我的第一篇文章也是如此！）。

请有人帮我解决为什么我不能垂直对齐以下文字;

#welcome{
  position:relative;
  min-height:400px;
  background:url('/img/nufc.jpg');
  background-size:cover;
  background-attachment:fixed;
  color:#fff;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>

<section id="welcome" class="bg-primary text-black">
  <div class="dark-overlay">
  <div class="container">
    <div class="row">
      <div class="col my-auto">
        <h3 class="mb-4 display-3">Welcome</h3>
        <p>Welcome to my personal website</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure recusandae quasi iste totam,  saepe! Quaerat praesentium, adipisci laudantium ipsam est quod. Magni maiores omnis minima dicta, iusto aperiam. Laborum, molestias.</p>
        </div>
      </div>
    </div>
  </div>
</section>

任何帮助都会很棒。我知道这可能已在其他地方得到解答，但我已尝试过在其他地方找到的解决方案，而且它们似乎对我不起作用。

这就是我来论坛寻求帮助的原因！