Bootstrap 4 设置所有高度相等的卡（mdbootstrap）

我在Angular Project中使用mdbootstrap，因此当我在屏幕上显示多张卡时，由于卡图像的高度不同，它们的高度不同，如下面给出的链接所示：

这是代码

 <div class="col">
 <mdb-card  style="width:17rem;" class="c1">
 <div class="view rgba-white-slight waves-light" mdbWavesEffect>      
 <mdb-card-img [src]="p?.imageurl" alt="Card image cap" 
 class="cardimg"></mdb-card-img>
 <a>
 <div class="mask"></div>
 </a>
 </div>
 <mdb-card-body>
 <mdb-card-title>
 <h4>Card Title</h4>
 </mdb-card-title>

 <mdb-card-text> Some quick example text to build on the card title
        content.
 </mdb-card-text>

 <a href="#" mdbBtn color="primary" mdbWavesEffect>Button</a>
 </mdb-card-body>
 </mdb-card>
 </div> 

---

但这仍然不能解决我的问题

您需要删除对象匹配：封面从css下方开始

.cardimg{ width: 100%; height: 50px; object-fit: cover; }

---

大家好，欢迎来到SO。您可以在示例中添加代码段吗？

.cardimg{ width: 100%; height: 50px; object-fit: cover; }