Equal height columns for Bootstrap grid

flexbox-grid.css

@supports (display: flex) {

    .row--flex {
        display: flex;
        flex-wrap: wrap;
    }
    
    .row--flex:before,
    .row--flex:after,
    .row--flex > .clearfix:before,
    .row--flex > .clearfix:after {
        display: none !important;
    }
    
    .row--flex > [class*="col-"] {
    	display: flex;
    }
    
    .row--flex > [class*="col-"] > * {
    	flex-grow: 1;
    }

}