forxtu
8/2/2017 - 1:57 PM

Same height columns - Flexbox

Same height columns - Flexbox

<div class="container">
  <div class="row equal">
    <div class="col-xs-12 col-sm-4" style="background-color: red">
      some content is here
    </div>
    <div class="col-xs-12 col-sm-4" style="background-color: yellow">
      <img src="//placehold.it/200x100" class="img-responsive">
    </div>
    <div class="col-xs-12 col-sm-4" style="background-color: blue">
      some more content
    </div>
  </div>
</div>
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}