【问题标题】:Make second card fill column with Bootstrap 5使用 Bootstrap 5 制作第二张卡片填充列
【发布时间】:2021-07-29 13:48:26
【问题描述】:

如果我有 2 列的行,如何让列中的第二张卡片填充列中的剩余空间?

我尝试过使用flex-fillflex-grow-1,但似乎不起作用。

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

【问题讨论】:

    标签: twitter-bootstrap flexbox bootstrap-5


    【解决方案1】:

    您可以将最后两张卡片包裹在 <div class="d-flex flex-column h-100"></div>

    http://jsfiddle.net/tb0yxn54/

    效果是否如您所愿?

    【讨论】:

      猜你喜欢
      • 2021-06-09
      • 1970-01-01
      • 2015-06-29
      • 2023-03-30
      • 1970-01-01
      • 2018-12-08
      • 1970-01-01
      • 1970-01-01
      • 2018-04-19
      相关资源
      最近更新 更多