Css 引导4张卡，扩展最后一张卡的页脚以填充空间

我正在尝试扩展最后一张卡片的页脚，如果它没有任何按钮的话，它将填充剩余的空间。我尝试了很多弹性组合，但运气不好

东部时间上午8:00，JB雷德·欧文斯，第1场
（A1）*
4.
（A2）*
5.
8U，A池
最终的
东部时间上午8:00，JB雷德·欧文斯，第1场
（A1）*
4.
（A2）*
5.
8U，A池
最终的
东部时间上午8:00，JB雷德·欧文斯，第1场
（A1）*
4.
（A2）*
5.
8U，A池
最终的

您可以尝试以下操作（从中检索到部分解决方案）：

我创建了一个显示结果的示例：

---

您可以尝试以下操作（从中检索到部分解决方案）：

我创建了一个显示结果的示例：

---

您可以尝试

最小高度：

或所有卡片的固定高度，以保持相同的大小。是的，但这意味着我需要根据其他项目设置高度，我不喜欢这样。我做了一个可复制的示例，你要的不是卡片组吗？“需要一组宽度和高度相等但彼此不相连的卡片吗？使用卡片组。”“这些布局选项尚未响应。”-卡片组您可以尝试

最小高度：

或所有卡片的固定高度以保持相同的大小。是的，但这意味着我需要根据其他项目设置高度，我不喜欢这样，我做了一个可复制的例子，难道你不想要一副扑克牌吗？“需要一组宽度和高度相等但彼此不相连的卡片吗？使用卡片组。”“这些布局选项还没有响应。”-卡片组有效，只是在一列行时不起作用，所以我在按钮上添加了可见或隐藏的可见性以保持高度。有效，只有一列行不起作用，所以我在按钮上添加了可见或隐藏的可见性以保持高度。

.card {
  height: 100%;
}

.card-body {
  flex: 0 1 auto !important;
}

.card-footer.text-center {
  flex: 1;
}