Same height column bootstrap 3 row responsive

by

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();
    }).get();

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

    $(".well").height(maxHeight);
});

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

More Related Contents:

  1. vertical-align with Bootstrap 3
  2. What is sr-only in Bootstrap 3?
  3. How to vertically center a container in Bootstrap?
  4. IE8 issue with Twitter Bootstrap 3
  5. Twitter Bootstrap 3 Sticky Footer
  6. Twitter Bootstrap 3, vertically center content [duplicate]
  7. Extend bootstrap row outside the container
  8. Gap in Bootstrap stacked rows
  9. 7 equal columns in bootstrap
  10. Exclude menu item from the collapse of bootstrap 3 navbar
  11. How do I add a margin between bootstrap columns without wrapping [duplicate]
  12. Inline Form nested within Horizontal Form in Bootstrap 3
  13. Bootstrap 3 Glyphicons CDN
  14. Bootstrap 3: Push/pull columns only on smaller screen sizes
  15. What is the purpose of .row in Bootstrap? [duplicate]
  16. Bootstrap Grid, do I need a container?
  17. Bootstrap 3 – show collapsed navigation for all screen sizes
  18. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  19. How to make bootstrap carousel image responsive?
  20. Make Bootstrap’s Carousel both center AND responsive?
  21. How to work with ellipsis in bootstrap responsive table
  22. Bootstrap – align button to the bottom of card
  23. Bootstrap: add margin/padding space between columns
  24. How to remove focus around buttons on click
  25. Bootstrap 4 – Responsive cards in card-columns
  26. How to move placeholder to top on focus AND while typing?
  27. How to implement a Navbar Dropdown Hover in Bootstrap v4?
  28. How can I make Bootstrap 4 columns all the same height? [duplicate]
  29. Changing image src depending on screen size
  30. Why is my .sticky-top class not working in Bootstrap 4?

Leave a Comment