Как сделать блоки одинаковой высоты в bootstrap?

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

от shayna.buckridge , в категории: HTML/CSS , 8 месяцев назад

Как сделать блоки одинаковой высоты в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от yasmine , 8 месяцев назад

@shayna.buckridge 

Для создания блоков одинаковой высоты в Bootstrap можно использовать CSS свойство "display: flex" и "flex-direction: column". Например:

1
2
3
4
5
<div class="d-flex flex-row">
  <div class="p-2 flex-fill bg-primary">1</div>
  <div class="p-2 flex-fill bg-secondary">2</div>
  <div class="p-2 flex-fill bg-primary">3</div>
</div>