twitter-bootstrap - Bootstrap - 我不希望列具有相同的高度

Question

在这个 bootstrap 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

Bootstrap 5(2021 年更新)
Bootstrap 5 仍然基于 flexbox，因此一行中的列的高度相同。因此 d-block 仍然可以用来“禁用”flexbox 并使用 float-start float 列。
Bootstrap 4(原始答案)
是的，您可以使用 d-block在行上，和 float-left在列上使其以 Bootstrap 3.x 方式工作，使用 float 列而不是 flexbox..

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

https://codeply.com/go/Ghhq1NbMDG

有关的:
Bootstrap 4 Columns float style like Bootstrap 3 is it possible?
Empty vertical space between columns in Bootstrap 4