Выровняйте по вертикали три ряда в бутстрапе 4

Это безумие! Я попытался настроить родительский элемент на высоту 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>

Как я могу сделать так, чтобы они были выровнены по вертикали один за другим? Спасибо!