Как я могу сделать карты в bootstrap одинаковой высоты?

Question

У меня есть 4 карты в моем bootstrap макете, и я хочу, чтобы они были одинаковой высоты? Каков наилучший способ сделать это? Я пытался поиграться с тегами <br>, но это не работает на 100%. Есть ли лучший способ получить карты одинаковой высоты?

Это код

пока я пытался чтобы сделать их одинаковой высоты, добавив теги <br>, но разве нет лучшего способа?

Answer 1

Bootstrap уже подготовился к этой возможности. Дайте этому go:

 <div class="card h-100">
     card content
  </div>

Вместо использования тегов <br>, вам нужно начать использовать сеточную систему BS4 со строками / столбцами. Пожалуйста, обратитесь ко ВСЕМ разделам вкладки "Макеты" в bootstrap документах ... особенно к разделу "Сетка и поля / отступы". https://getbootstrap.com/docs/4.3/layout/overview/