übereinstimmende Höhe des leeren div (neben)

Question

Ich benutze Bootstrap-Framework und mit der 2-Spalten-Raster.

html

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

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

Der Inhalt hat Titel, Links, Untertitel und Text. Das erhöht die Höhe dieser Spalte. Ich möchte die Spalte daneben seine Höhe (so dass das Bild zeigt) ohne eine eingestellte Höhe das Bild zeigt nicht

Answer 1

Haben Sie Ihre eigenen CSS wie unten und fügen Sie die gleichen zusammen mit der row Klasse wie folgt,

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

Referenz: http://getbootstrap.com.vn/examples/equal-height-columns/