在引导程序4中垂直对齐三行

Question

这很疯狂！我已经尝试将父级调整为高度100％，将它们全部包装在一个容器中，添加诸如align-self-center，my-auto，align-items-center等类。但是它们似乎都没有工作。我的简单布局如下：

<div class="row">
  <div class="col-sm-6 mx-auto text-center">
    <p>hello</p>
  </div>
</div>

<div class="row">
  <div class="col-sm-6 mx-auto text-center">
    <p>hello 2</p>
  </div>
</div>

<div class="row">
  <div class="col-sm-6 mx-auto text-center">
    <p>hello 3</p>
  </div>
</div>

我怎样才能让它们一个接一个地垂直居中？谢谢！