Multiple columns 如何在bootstrap 4.0中禁用相同高度的列

我花了好几个小时才弄明白为什么我的专栏都被设置为相同的高度，我学到了bootstrap现在在v4中自动以这种方式发布。如何关闭它并使v3的正常列变差

谢谢

<div class="container">
          <div class="row">
             <div class="col-sm-8">
              <p> Hi, I'm a small container. </p>
             </div>
             <div class="col-sm-4">
              <h1> Hi, I'm a much bigger container. </h1>
             </div>
          </div>
   </div>

嗨，我是一个小容器

嗨，我是一个大得多的容器。

---

在本例中，较小div的高度会被拉伸，因此对于较大的文本，其高度与较大div的高度相同。这就是我想要避免的。

在Bootstrap 4上有flexbox实用程序，因此您可以将.align项从开始添加到.row：

左边的一些内容会比右边的小
A

B

C

D

E

F

请输入您的代码，以便我们了解您的努力。谢谢。太好了，正是我所需要的。谢谢