在3x 3网格系统中对齐Bootstrap卡

Question

<div class="card-deck">
        <div class="card border-primary mb-3" style="width: 18rem;">
              <img class="card-img-top" src="#" alt="Card image cap">
        <div class="card-body">
              <h5 class="card-title">Title</h5>
              <p class="card-text"> Something to Write about </p>
              <a href="#" class="btn btn-primary text-center">Something</a>
       </div>
       </div>
 </div>

这是其中一张卡的代码，并且相同的迭代次数是8次以获得9张卡牌，但我在一条线上得到所有。怎么做到的？