У меня есть сетка начальной загрузки, которая содержит компонент расширения.
Моя настоящая проблема заключается в том, что когда я раскрываю один столбец, другие столбцы сдвигаются, потому что они находятся в одной строке.
Я хотел бы знать, как сделать так, чтобы столбцы зависели друг от друга
развернуть компонент
<p>
<button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed"
[attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample">
Toggle
</button>
</p>
<div id="collapseExample" [ngbCollapse]="isCollapsed">
<div >
<div class="">
You can collapse this card by clicking Toggle
</div>
</div>
</div>
компонент приложения (контейнер)
<div class="row">
<div *ngFor="let card of cards; let index=index" class="col-4 col-sm-4 col-xl-4">
<app-expend></app-expend>
</div>
</div>
Вот что я хотел бы сделать
Вот что я ожидаю
Вот пример , чтобы проиллюстрировать мою настоящую проблему