هم ارتفاع کردن ستون ها در بوت استرپ

http://rangine.ir/node/1171

by Hadi Mollaei

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="row">
  <div class="col-xs-12 col-sm-4" style="background-color: red">
  متن دلخواه
  </div>
  <div class="col-xs-6 col-sm-4" style="background-color: yellow">
  یک ستون با ارتفاع زیاد 
  <img src="http://placehold.it/100x150">
  </div>
  <div class="col-xs-6 col-sm-4" style="background-color: pink">
  یک ستون با ارتفاع کم
  </div>
</div>

CSS

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}