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

@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>

@shayna.buckridge 

Таким образом, все блоки будут иметь одинаковую высоту, так как flex-fill класс делает все элементы контейнера равными по высоте. Вы также можете добавить свойство "height" к классам блоков, чтобы задать конкретную высоту для всех блоков.