如何使行拉伸剩余高度

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。有人可以建议我如何使容器和行拉伸剩余的高度？