■レイアウト:rowとcol:水平方向整列 残りは勝手に余白になる 中央寄せ:justify-content:flex-center

col-4
col-4
<div class="container">
  <div class="row justify-content-center">
    <div class="col-4">col-4</div>
    <div class="col-4">col-4</div>
  </div>
</div>