justify-content-around

bootstrap5.css

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

html bootstrap5 Sample

等間隔に配置：justify-content:space-around

col-4

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

flex横の均等配置/センターで間隔、余白ありで整列：justify-content-around

flex文字01

flex文字02

flex文字03

  <div class="d-flex justify-content-around">
    <div>flex文字01</div>
    <div>flex文字02</div>
    <div>flex文字03</div>
  </div>