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;
}
}