相关疑难解决方法(0)

Bootstrap 4:如何使行拉伸剩余高度?

我试图让container-fluid第二个row伸展到剩余的高度,但我找不到办法做到这一点.

我已经尝试设置align-items/align-selfstretch,但也不能工作.

以下是我的代码结构:

<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>
Run Code Online (Sandbox Code Playgroud)

我正在使用Bootstrap 4 …

flexbox twitter-bootstrap bootstrap-4

25
推荐指数
1
解决办法
3万
查看次数

标签 统计

bootstrap-4 ×1

flexbox ×1

twitter-bootstrap ×1