Bootstrap is the most amazing HTML and CSS framework by far. Also, the grid system is near to perfect.
It has columns and rows to keep our content just in place perfectly. But everything has its weak point.
Bootstrap has its own when the amount of content in different columns varies. Developers can often be seen struggling to match the height of their columns in order to maintain responsiveness.
Things like these were easy to cope with table. But with the commencement of div, they have turned annoying.
Let us look at the solutions for this.
NEGATIVE MARGINS AND OVERFLOW:HIDDEN
This approach is probably the best solution in my opinion. It would work on all columns irrespective of their size and height. In this approach, you add 99999px to the column height via padding and then -99999px of negative margin to seem as if it is not there. Finally, giving overflow:hidden to the row hides the overflowing content.