Same height column bootstrap 3 row responsive

You can achieve this by using javascript. Find out the biggest height of the 4 divs and make all of them at the same height like the biggest one.

Here is the code:

$( document ).ready(function() {
    var heights = $(".well").map(function() {
        return $(this).height();

    maxHeight = Math.max.apply(null, heights);


edit history: changed the ‘,’ sign into ‘;’ sign

Leave a Comment