Bootstrap 4 - Je ne veux pas que les colonnes aient la même hauteur

Question

Dans cet exemple de bootstrap 4, les 2 colonnes ont la même hauteur. Je ne veux pas ça. Y at-il une solution rapide pour cela?

<div class="col-lg-3 card bg-faded"> 
     <h1><small>Some favorites</small></h1> 
     <ul> 
     <li>Celery root</li> 
     <li>Spaghetti Squash</li> 
     <li>Killer Mushrooms</li> 
     </ul> 
    </div> 

    <div class="col-lg-9"> 
     <h1>Wild & Wicky Vegetables</h1> 
     <p>Kale c.....t.</p> 
    </div> 
</div><!--row--> 

Answer 1

Oui, vous pouvez utiliser d-block sur la ligne, et float-left sur les colonnes pour le faire fonctionner la façon 3.x Bootstrap avec des colonnes flottés au lieu de FlexBox ..

<div class="row d-block"> 
    <div class="col-lg-3 card bg-faded float-left"> 
     .. 
    </div> 
    <div class="col-lg-9 bg-faded float-left"> 
     .. 
    </div> 
</div> 

https://www.codeply.com/go/Ghhq1NbMDG