Я пытаюсь растянуть container-fluid
и 2nd 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. Может ли кто-нибудь предложить мне, как сделать контейнер и строку растянуть оставшуюся высоту?