B
B
BonBon Slick2017-06-27 19:40:01
css
BonBon Slick, 2017-06-27 19:40:01

Why does masonry cards have magic padding?

Bootstrap 4, if you put 2 columns in Cards-columns https://v4-alpha.getbootstrap.com/components/card/... Then the padding will be incomprehensible, the next element from the bottom will be pushed down. And there will be an empty space
eeb86175fedf45ff95b3057b555d58d6.png
In the example in the photo:

.card-columns {
                    -webkit-column-count: 2;
                    -moz-column-count: 2;
                    column-count: 2;
                }

And so when viewing the code:
c1f4875acb10482485d3f845990b093f.png
If you set 1, 3, 4+ columns, everything is ok, there is no padding at the bottom.
How to fix?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question