Bootstrap 4-卡座和不同大小

我要显示尊重Boostrap网格的高度相同但大小不同的卡片。

If I take the example of card-deck : https://jsfiddle.net/sb7t5y3x/, I just want for example the first card to be col-6 sized, for me the most elegant way should be :

<div class="card col-6"> .... </div>

But it doesn't work since .card-deck > .card applies a flex 1.

所以我试图将我的卡片包装在col中:

<div class="col-6">
    <div class="card"> ... </div>
</div>

But col have paddings, and card have margin, so I have 2 margins applied (see https://jsfiddle.net/applyss/vcgkujxp/, spaces are not regular)

是否有一种简单的标准方法来在网格系统中保持相同高度的卡?