Как выровнять колонки bootstrap в одну линию?

Пользователь

от jerad.kuphal , в категории: HTML/CSS , 6 месяцев назад

Как выровнять колонки bootstrap в одну линию?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rodger.botsford , 6 месяцев назад

@jerad.kuphal 

Для выравнивания колонок в Bootstrap в одну линию можно использовать классы "row" и "justify-content-between".


Пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<div class="container">
  <div class="row justify-content-between">
    <div class="col-sm-3">
      <!-- Контент для первой колонки -->
    </div>
    <div class="col-sm-3">
      <!-- Контент для второй колонки -->
    </div>
    <div class="col-sm-3">
      <!-- Контент для третьей колонки -->
    </div>
  </div>
</div>


В этом примере класс "row" создает горизонтальную линию, а класс "justify-content-between" распределяет колонки равномерно по ширине контейнера, выравнивая их по краям.