Для выравнивания элементов на странице с помощью Bootstrap 5 можно использовать следующие инструменты: 1

1. Вертикальное выравнивание (vertical-align). 1 Это свойство влияет только на элементы с типами inline, inline-block, inline-table и ячейки таблицы. 1 Можно выбрать одно из следующих значений: 1

• .align-baseline — выравнивание по базовой линии; 1
• .align-top — выравнивание по верхней границе; 1
• .align-middle — выравнивание по середине; 1
• .align-bottom — выравнивание по нижней границе; 1
• .align-text-top — выравнивание текста по верхней границе; 1
• .align-text-bottom — выравнивание текста по нижней границе. 1

1. Вертикальное центрирование блочных элементов (например,
   ). 1 Для этого нужно добавить класс .d-flex к родительскому элементу, чтобы включить режим flex. 1 Затем применить .align-items-center для вертикального выравнивания контента и .justify-content-center для горизонтального выравнивания. 1

Также для центрирования элементов можно использовать класс .translate-middle, который в комбинации с утилитами позиционирования позволяет абсолютно центрировать элемент. 5