Как зафиксировать карточки bootstrap?

Question

[Pennyw1se]

Как зафиксировать так, чтобы при добавлении текста они оставались на одном уровне?

Comments

[Ankhena]

Если "на одном уровне" означает одинаковыми по высоте и равными самой высокой, то самое простое это использовать flex.

Либо задавать фиксированную высоту и overflow.

[Сергей Герасимов]

Если 4ый бутстрап, то используйте card-group и card-deck: getbootstrap.com/docs/4.0/components/card/#card-decks

В 3ем только через добавление обертки с display: flex; и аналогично с карточками

[alex-1917]

ну а в старом добром BS3 юзаем ненавистный флексоманам джиквери)))

Answer 1

[Марат Мхитарян]

style="height: 228px;"

Comments

[Антон Шейкин]

Только лучше сделать отдельный вспомогательный класс для фиксации. ;)

Answer 2

[lodas]

Фиксированную высоту давать не лучший вариант, можно сделать через флексбокс... но тут нужно учитывать сколько строк с товарами у вас будет т.к. flexbox выравнивает по самому высокому элементу в строке. Если строка одна, то делаем через флексы, если строк больше 1 пишем скрипт на js который пробегается по всем строкам ищет там максимальный блок по высоте и присваивает всем блокам эту высоту.