Flex Bootstrap columns

style.css

/*--------------------------------------------------------------
# Modernizr
--------------------------------------------------------------*/
/* Flexbox */
.no-flexbox .nc_socialPanel {
    display: block;
    text-align: center;
} 
.no-flexbox div.nc_socialPanel .nc_tweetContainer {
    float: none;
    display: inline-block;
    vertical-align: middle;
} 
.flexbox .flex-row {
    text-align: center;
    display: flex;
    display: -webkit-flex; 
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;        
} 
.flexbox .flex-row:before, .flex-row:after{
   display: none;
}
.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid-item {
  flex-grow: 1;
  min-width: 25%;
}