With Bootstrap 4.4, I would like to have a deck of cards with:
- equal height (
.card-footeraligned at the bottom
- responsive layout with the number of cards per row defined by the viewport width
It seems that I can't have all three of them at the same time, is that true?
To get the card footers to align at the bottom of the cards, one would place them inside a
.card-deck div, but that does not agree at all with
<div class="col-sm-12 col-md-6 col-lg-4"> for example. I have also tried to add a
.row-cols-x class to the parent
.row, but that does not work either.
Is it possible after all?