匹配高空的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/