twitter-bootstrap - 使用 Bootstrap 5 制作第二张卡片填充列

Question

如果我有一列有 2 列的行，如何使列中的第二张卡片填充列中的剩余空间？

我试过使用flex-fill，flex-grow-1但似乎没有用。

这是我的代码：http: //jsfiddle.net/dave111223/y6wdh7ob/6/

标签： twitter-bootstrapflexboxbootstrap-5

Answer 1

你可以把最后两张牌包在一个<div class="d-flex flex-column h-100"></div>

http://jsfiddle.net/tb0yxn54/

它是否按您的预期工作？