ブートストラップ4 - カラムの高さを同じにしたくない

Question

このブートストラップ4の例では、2つのカラムの高さが同じです。 私はこれを望んでいません。 これは簡単に修正できますか？

<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

はい、あなたはそれがFLOATED列の代わりに、フレキシボックスでブートストラップ3.xの道を動作させるために列に行のd-block、およびfloat-leftを使用することができます。..

<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