Bootstrap. Left blocks at the bottom of the site?

Question

css

Good afternoon.
Once again it is not possible to align the blocks on www.ddupmakeup.com at the very bottom of the site, the last price tags just move out. Can't get them to work, can anyone help?

Answer 1

Everything is ok at the very bottom, but not at the top: the prices are on different lines.
Just set a fixed height for all divs up to the price div, and keep in mind that the product name may fit on one line, or it may need, for example, 4 lines.

Answer 2

I mean not the prices, but the blocks - the 9th block at the very bottom of the site https://gyazo.com/5760effa2a026458952b91be0a20ec0b climbs down the line.
It is clear that product descriptions crowd out the price, but it bothers me that Bootstrap blocks do not line up.

Answer 3

The problem is not new and blocking based on content is a common problem with directories.
There are several solutions, all of which have their pros and cons.
I am using the following.
www.mydefile.ru/catalog
Look between the divs
In my case, all that is required is a programmer (not a workbench)
to add a condition to the output of product elements.
In my case, this is every 3 <div class="col-lg-12 visible-lg"></div>
and every second
well, and <div class="col-xs-12 hidden-lg"></div>every 2
As a result, you get a forced selection of elements with the standard bootstrap tool. At the same time, there is not even a theoretical possibility that it will not beat off, moreover, at each resolution it fights off in its own way.
Yes, there are empty divs, but this is not js, not ajax , and God forbid the fixed sizes of the product card.
In this situation, no matter how the card pops up, no matter how much content there is, only the divas closest to it will poke around. Moreover, this is an increase in the indentation from the bottom of the neighboring two.