align-items-end

bootstrap5.css

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

html bootstrap5 Sample

垂直整列：align-items-startとalign-items-centerとalign-items-end

col

  <!-- 上寄せ高さは隣接rowで決まる模様 -->
  <div class="row align-items-start">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
  <div class="row align-items-center">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
  <!-- 下寄せ高さは隣接rowで決まる模様 -->
  <div class="row align-items-end">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>

flexコンテナー内のアイテムの配置/下：align-items-end

flex文字01

flex文字02

flex文字03

  <div class="d-flex align-items-end" style="height: 200px">
    <div>flex文字01</div>
    <div>flex文字02</div>
    <div>flex文字03</div>
  </div>