Blog

Bootstrap responsive columns of same height

I am working on the project where I was having an issue of creating Bootstrap responsive columns of equal heights for the latest browsers and various devices. I started searching for a solution but I couldn’t find a simple one, so I made it myself and it could help you in your next project.

You have to create for example 3 columns with different colors: you need to make 3 css blocks with two classes for each column: margin-bottom: -99999px and padding-bottom: 99999px and overflow:hidden as a separate class for the columns.

View the demo and download it on the same page: View the demo & download

equal heights