Bootstrap 4 如何以最小高度保持响应卡图像的纵横比？

使用react bootstrap，您如何使一张卡的背景图像填满整个卡，同时在不挤压图像的情况下强制执行最小高度？我希望Bootstrap缩小图像直到达到最小高度，然后根据需要裁剪图像以保持最小高度，同时保持图像的纵横比（即：不挤压图像）

---

在代码中使用以下内容：

.item img{
宽度：200px；
最小高度：300px；
身高：100%；
对象适合：cover；//这是钥匙
}

我们需要一些代码来使用。任何这样做的react引导卡示例都可以使用。这里有一个失败的例子。你能使用一个沙盒，并提供给我们的链接，它将显示一个工作演示，这是惊人的，将帮助我们了解这个问题。那是网站。使用它添加代码并共享链接。：）因此，我们可以看到一个工作演示