как выровнять по вертикали bootstrap

Для выравнивания элементов по вертикали в Bootstrap можно использовать классы для выравнивания контента и выравнивания элементов по вертикальной оси. Ниже приведено несколько способов выравнивания по вертикали:

1. Выравнивание контейнера: Чтобы выровнять содержимое контейнера по вертикали, можно использовать классы d-flex и align-items-center. Например:

   <div class="container d-flex align-items-center">
   <div class="row">
       <div class="col">
           Содержимое
       </div>
   </div>
   </div>
   

2. Выравнивание текста в блоке: Чтобы выровнять текст по вертикали внутри блока, можно использовать классы my-auto или align-self-center. Например:

   <div class="container">
   <div class="row">
       <div class="col d-flex justify-content-center align-items-center">
           <p class="my-auto">Текст по центру</p>
       </div>
   </div>
   </div>
   

3. Выравнивание элемента внутри контейнера: Чтобы выровнять элемент внутри контейнера по вертикали, можно использовать класс align-self-center внутри класса d-flex. Например:

   <div class="container d-flex justify-content-center align-items-center">
   <img src="image.jpg" class="align-self-center"/>
   </div>
   

Используя данные классы и примеры, вы сможете легко выровнять содержимое по вертикали в ваших проектах, используя Bootstrap.