引导卡元素对齐答案

【问题标题】：Bootstrap cards elements alignement引导卡元素对齐
【发布时间】：2021-08-29 16:40:01
【问题描述】：

我有多张卡片，我从后端动态接收每张卡片的内容。

<div *ngFor="let cardData of dataArray">
 <div class="card-header">
    <div [innerHtml]="cardData.headerContent"></div>
 </div>
 <div class="card-body">
    <div [innerHtml]="cardData.bodyContent"></div>
 </div>
 <div class="card-footer">
    <div [innerHtml]="cardData.footerContent"></div>
 </div>
</div>

我的问题是内容与相邻卡片对齐不正确：

请问我怎样才能得到这个结果：

【问题讨论】：

要么在 header 和 footer 元素上设置 min-height，要么使用 JavaScript 检测最大高度并为每张卡片设置该高度。
内容是动态的，我有超过 8 张卡片，页眉、正文和页脚内容是动态的，我不能放一个固定的最小高度 :(

标签： javascript html css angular twitter-bootstrap

【解决方案1】：

使用类添加您的自定义 CSS。只需以 % 或 pc 为单位定义高度，以便您可以选择。

【讨论】：

内容是后端动态的，我们不能放一个固定的高度%