Twitter bootstrap 在Bootstrap4中，如何使行或列在父容器中扩展到全高？

尝试获取一行（文章标签）以转到父容器的底部。基本布局如下所示：

<div class='row mb-3'>
    <div class='col-3'> [ thumbnail image goes here ]</div>
    <div class="col-9'>
      <div class='row'>
        <div class='col-12>Article title</div>
      </div>
      <div class='row'>
        <div class='col-12>Article excerpt</div>
      </div>
      <div class='row'>
        <div class='col-12>Tags: tag1, tag2, tag3</div>
      </div>
    </div>
</div>

[此处显示缩略图]
在父行上使用
min-vh-100
和
flex-column
使用
flex-grow-1
填充高度

[此处显示缩略图]
标签：标签1、标签2、标签3
文章标题
文章节选

编辑

根据注释，要增加相邻列的高度而不是视口高度

   <div class="row">
        <div class="col-3 bg-warning">
            [img]
        </div>
        <div class="col-9">
            <div class="row flex-column h-100">
                <div class="col flex-grow-0">Tags: tag1, tag2, tag3</div>
                <div class="col flex-fill bg-success">Article title</div>
                <div class="col flex-grow-0">Article excerpt</div>
            </div>
        </div>
   </div>


[img]
标签：标签1、标签2、标签3
文章标题
文章节选

我想这已经很接近了-请参阅主要问题中我添加的信息。该柔性填充从第一行（第mb-3行）中断。因此，如果我的缩略图是300px高，flex fill会将内容向下推到页面底部，与下一行重叠。为什么要使用
mb-3
？mb-3只是在主行之间留出一些垂直间距-每篇文章有一行，3列代表缩略图，9列代表信息-标题、摘录和标记。如果缩略图显示为250px高，我不希望col-9比col-3高。我更新了答案，答案已被接受-谢谢！
   <div class="row">
        <div class="col-3 bg-warning">
            [img]
        </div>
        <div class="col-9">
            <div class="row flex-column h-100">
                <div class="col flex-grow-0">Tags: tag1, tag2, tag3</div>
                <div class="col flex-fill bg-success">Article title</div>
                <div class="col flex-grow-0">Article excerpt</div>
            </div>
        </div>
   </div>