Bootstrap Flexbox

combining a flexbox grid and the bootstrap grid

by Glynne Turner

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container"><h1>
sdfsadfsdfsdf
</h1>
  <div class="holder">
      <div class="the-story col-sm6 col-md-3">
      sxdf<br>sdfsdf
      </div>
      <div class="the-story col-sm6 col-md-3">
      sxdf
      </div>
      <div class="the-story col-sm6 col-md-3">
      sxdf
      </div>
  </div>
</div>

CSS

.holder {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.the-story { 
  flex: 1;
  background: #ccc; 
  padding: 10px;
  text-align:left;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container {
  background: blue;text-align:center;
}