row justify-content-around

html bootstrap5 Sample

rowとcolの等間隔と余白で配置:justify-content-around


col-4
col-4
  <!-- 中央に等間隔に配置され、残りは勝手に余白になる -->
  <div class="row justify-content-around">
    <div class="col-4">col-4</div>
    <div class="col-4">col-4</div>
  </div>