Twitter Bootstrap 3 – Panels of Equal Height in a Fluid Row

by

This can be done with CSS flexbox. Only minimal CSS is needed..

.equal {  
    display: -webkit-flex;
    display: flex;
}

Just add .equal to your .row and flexbox does the rest.

http://www.codeply.com/go/BZA25rTY45

UPDATE: Bootstrap 4 uses flexbox so there is no need for the additional CSS.
http://www.codeply.com/go/0Aq0p6IcHs

More Related Contents:

  1. Set div height equal to screen size
  2. Twitter Bootstrap: div in container with 100% height
  3. Working with CSS in React [closed]
  4. Canvas is stretched when using CSS but normal with “width” / “height” properties
  5. Bootstrap NavBar with left, center or right aligned items
  6. How to make Twitter Bootstrap menu dropdown on hover rather than click
  7. Remove padding from columns in Bootstrap 3
  8. Bootstrap Center Vertical and Horizontal Alignment
  9. Customizing Bootstrap CSS template
  10. How to use particular CSS styles based on screen size / device
  11. How can I center elements horizontally or vertically with Twitter Bootstrap?
  12. How to set up fixed width for ?
  13. Modify twitter bootstrap navbar
  14. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  15. What is class=”mb-0″ in Bootstrap 4?
  16. Bootstrap 4 – Navbar items outside the collapse
  17. Bootstrap change order of columns
  18. How to make Twitter bootstrap modal full screen
  19. Using twitter bootstrap 2.0 – How to make equal column heights?
  20. Make column fixed position in bootstrap
  21. Make text height 100% of div?
  22. Bootstrap: Position of dropdown menu relative to navbar item
  23. Styling twitter bootstrap buttons
  24. Mysterious whitespace in between Bootstrap2 Navbar and row underneath
  25. In a bootstrap responsive page how to center a div
  26. Bootstrap – Removing padding or margin when screen size is smaller
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment