匹配空div（相邻）的高度

Question

我正在使用Bootstrap框架并使用2列网格。

HTML

equals

内容包含标题，链接，字幕和文字。这会增加该列的高度。我希望它旁边的列与其高度相匹配（以便图像显示）没有设置的高度图像不显示

Answer 1

如下所示拥有自己的css，并将其与row类一起添加，如下所示

HTML

<div class="row row-eq-height">
   <div class="col-sm-6">
      <?php the_content(); ?>
   </div>

   <div class="col-sm-6" style="background-image:url('...">
   </div>
</div>


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

参考：http://getbootstrap.com.vn/examples/equal-height-columns/