引导网格与顶部的框对齐，而不与行对齐

Question

对于我的一个网站，我使用的是引导网格（container > row > col-3等）。看起来像下面的样子。

<div class="container">
  <div class="row">
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
    <div class="col-3"></div>
  </div>
</div>

它最终看起来像下面的图片。

但是，我不希望它看起来像那样。我希望它看起来像下面的图像。

我的问题：有什么方法可以实现？ （最好使用相同的引导网格功能，但如果无法通过这种方式，我欢迎其他建议）

注意：我不希望以前设置网格。高度将是自适应的（如果文本较长，则高度会更长。如果文本较短，则高度会较短）。