匹配高空的div（相邻）

Question

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

HTML

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

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

内容有标题，链接，字幕，和文字。这增加了该列的高度。我想要在它旁边的列匹配其高度（以便图像显示）没有设置高度图像不显示

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/