How to make columns the same height in Bootstrap3?

Question

Bootstrap

Hello! When displaying a list of products in col-sm-6 blocks in Bootstrap with different contents of the columns, they acquire different heights and this is the problem

. Is there a solution using Bootstrap?

Answer 1

Solution here css.yoksel.ru/flexbox
I did and I solved a similar problem.
To do this, I created the row-flex class in css

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

and in html applied row-flex class

<div class="container-fluid">
    <div class="row row-flex">
        <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
            ... содержимое блока ...
        </div>
    </div>
</div>

everything is working!

Answer 2

I honestly googled and slightly modified :)
https://jsfiddle.net/timych/uo3ktyqj/1/

Answer 3

Here you can see an example of columns of the same height for bootstrap 3 and 4, using flex-wrap
Columns of the same height Bootstrap 3

Answer 4

Equal Height Columns in Bootstrap