Html css

Same Height Bootstrap Columns

Posted by Weston Ganger on April 17, 2015

A CSS solution to getting the same height Bootstrap columns can be nice when you have different background colors or such.

Here are two different approaches

Method 1:

  .row {
    display: table;
  [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;

Method 2:

    overflow: hidden; 
    margin-bottom: -99999px;
    padding-bottom: 99999px;

Related External Links:

Posted in HTML / CSS and Tagged with bootstrap css height 

Want me to help develop your next project or application?

Contact Us

Specializing in Ruby-on-Rails, Javascript, Multi-Platform Electron Desktop Apps and Hybrid Cordova Mobile Apps.

Recommended Posts