Bootstrap 4-卡座和不同大小


If I take the example of card-deck :, 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.


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

But col have paddings, and card have margin, so I have 2 margins applied (see, spaces are not regular)