Как выровнять высоту колонок в bootstrap

Для выравнивания высоты колонок в Bootstrap можно использовать классы align-items-center для выравнивания по вертикали и d-flex для создания flexbox контейнера:

1. Выравнивание по вертикали:

   <div class="container">
     <div class="row align-items-center">
       <div class="col">
         <p>Контент первой колонки</p>
       </div>
       <div class="col">
         <p>Контент второй колонки</p>
       </div>
     </div>
   </div>
   

2. Использование flexbox:

   <div class="container">
     <div class="row d-flex">
       <div class="col">
         <p>Контент первой колонки</p>
       </div>
       <div class="col">
         <p>Контент второй колонки</p>
       </div>
     </div>
   </div>
   

3. Выравнивание по высоте колонок:

   <div class="container">
   <div class="row">
     <div class="col">
       <div class="card h-100">
         <div class="card-body">
           <p>Контент первой колонки</p>
         </div>
       </div>
     </div>
     <div class="col">
       <div class="card h-100">
         <div class="card-body">
           <p>Контент второй колонки</p>
         </div>
       </div>
     </div>
   </div>
   </div>