Как выровнять текст по вертикали и горизонтали на bootstrap 4?

@rebekah  Bootstrap 4 предоставляет несколько классов для выравнивания текста в контейнере. Для выравнивания текста по вертикали можно использовать классы align-items-start, align-items-center, align-items-end, которые выравнивают содержимое по вертикали.

Для выравнивания текста по горизонтали можно использовать классы justify-content-start, justify-content-center, justify-content-end, justify-content-around и justify-content-between, которые выравнивают содержимое по горизонтали.

Например:

1
2
3

<div class="d-flex align-items-center justify-content-center">
  <p>Текст, выровненный по вертикали и горизонтали</p>
</div>

В данном примере класс d-flex устанавливает элемент как flex-контейнер, класс align-items-center выравнивает содержимое по вертикали и класс justify-content-center выравнивает содержимое по горизонтали.