Как исправить сетку bootstrap columns при размере окна браузера ≥1200px

Есть такая структура html:

<div class="container">
  <div class="row">
    <div class="col" style="width: 15rem;">
      1
    </div>
    <div class="col" style="width: 15rem;">
      2
    </div>
    <div class="col" style="width: 15rem;">
      2
    </div>
    <div class="col" style="width: 15rem;">
      4
    </div>
    <div class="col" style="width: 15rem;">
      5
    </div>
    <div class="col" style="width: 15rem;">
      6
    </div>
  </div>
</div>

Получается, как на картинке с желтым фоном. А необходимо чтобы было как на картинке с зеленым фоном.