Bootstrap row with columns of different height

Answer 1

For some reason this worked for me without the .display-flex class

.row {
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}