CSS - BS3 - Equal Heights

equal-heights.css

/*
 * Row with equal height columns
 * IE10+ - Others are just going to have to suffer 
 * with uneven heights.
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*
	USE:
	<div class="row row-eq-height">
	    <div class="col-sm-4 bg-info">
	    	Some Stuff
	    </div>
	    
	    <div class="col-sm-4 bg-warning">
	    	Some Stuff
	    	More Stuff
	    	Even more stuff
	    </div>
	    
	    <div class="col-sm-4 bg-info">
	    	Some Stuff
	    </div>
	</div>    
*/