Как в сетке карточек Bootstrap сделать одну карточку на всю ширину?

Question

[Dp76]

Имеем конструкцию:

<div class="row row-cols-1 row-cols-md-2">
    <div class="col">
         <div class="card"></div>
   </div>
  <div class="col">
         <div class="card"></div>
  </div>
         ......
  <div class="col">
         <div class="card"></div>
    </div>
</div>

Все это красиво отрисовывается в одну колонку на мелких экранах и в две на больших. Задача после первых двух карточек сделать карточку (див) на всю ширину row. Да, можно закрыть текущий row, открыть новый на всю ширину и потом снова начать заново. Есть ли вариант внутри данного row сделать карточку на всю ширину?