垂直对齐高度为100px的Bootstrap容器的内容，但align-items-center不起作用

Question

我正在尝试使文本与align-items-center垂直对齐，但这是行不通的。

我在导航栏下有一个部分，该部分必须为.bg-info颜色的全角，然后在section里面有一个容器height: 100px;，里面有一行，并且align-items-center类。在该行的内部，有3列内部有文本，但是该文本在中心未与容器垂直对齐。

<section class="bg-info">
  <div class="container bg-info" style="height: 100px;">
    <div class="row text-white align-items-center">
      <div class="col">
        LOGO HERE
      </div>
      <div class="col">
        LOGO HERE
      </div>
      <div class="col">
        LOGO HERE
      </div>
    </div>
  </div>
</section>

如何在容器中居中放置文本？