如何使行拉伸剩余高度

Question

我试图让container-fluid第二个row伸展到剩余的高度，但我找不到办法做到这一点。我已经尝试设置align-items/align-self到stretch，但也不能工作。以下是我的代码结构：<div class="container-fluid"> <!-- I want this container to stretch to the height of the parent -->    <div class="row">        <div class="col">            <h5>Header</h5>        </div>    </div>    <div class="row"> <!-- I want this row height to filled the remaining height -->        <widgets [widgets]="widgets" class="hing"></widgets>        <div class="col portlet-container portlet-dropzone"> <!-- if row is not the right to stretch the remaining height, this column also fine -->            <template row-host></template>        </div>    </div></div>我正在使用Bootstrap 4 A6。有人可以建议我如何使容器和行拉伸剩余的高度？