卡片页脚不停留在水平卡片引导程序的底部

【问题标题】：card-footer not stay at the bottom of horizontal card bootstrap卡片页脚不停留在水平卡片引导程序的底部
【发布时间】：2021-12-01 13:27:45
【问题描述】：

我正在使用水平的bootstrap card，我想在第二列的末尾对齐文本。我尝试使用card-footer，但它似乎不起作用example。有没有办法做到这一点。

【问题讨论】：

【解决方案1】：

card-body 和 card-footer 只会自动正确对齐，并且正如 Bootstrap 的示例所示，它们直接位于 card 类下。但是，鉴于您的布局，您需要 col-md-8 成为具有列方向的 flex。

因此，将 d-flex flex-column 类添加到您的 col-md-8 中，您的页脚将粘在第二列的底部。 JSFiddle

【讨论】：