align-content-start

bootstrap5.css

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

html bootstrap5 Sample

flex縦の均等配置/トップからスタートする：align-content-start

flex文字01

flex文字02

flex文字03

flex文字04

flex文字05

flex文字06

flex文字07

flex文字08

flex文字09

flex文字10

flex文字11

flex文字12

  <div class="d-flex align-content-start flex-wrap" style="height: 200px">
    <!-- 文字列01が上段の左端からスタートする -->
    <div>flex文字01</div>
    <div>flex文字02</div>
    <div>flex文字03</div>
    <div>flex文字04</div>
    <div>flex文字05</div>
    <div>flex文字06</div>
    <div>flex文字07</div>
    <div>flex文字08</div>
    <div>flex文字09</div>
    <div>flex文字10</div>
    <div>flex文字11</div>
    <div>flex文字12</div>
  </div>