引导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

是的，你可以使用d-block上的行，float-left列上，使其工作与列抹灰，而不是Flexbox的引导程序3.x的方式..

<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