Javascript 如何在react引导网格中正确使用引导拉伸？

我正在创建一个仪表板webapp，其中包含一些卡片作为内容包装。由于内容的默认大小不同，因此存在一个缺口，我希望消除它。以下是截图：

我想要推特官方卡一直向下伸展，以便与右边的其他卡大小相同

我使用了

d-flex-align-items-stretch

。它拉伸了，但宽度收缩如下：

我如何使它完全适合填补空白

PS：我在一个项目中实现了这一点