row align-items-end

html bootstrap5 Sample

rowとcolの整列垂直:align-items-startとalign-items-centerとalign-items-end


col
col
col
col
col
col
col
col
col
  <!-- 上寄せ、高さは、隣接rのrowに設定する -->
  <div class="row align-items-start border bg-light">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
  <div class="row align-items-center border bg-light">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>
  <!-- 下寄せ高さは隣接rowで決まる模様 -->
  <div class="row align-items-end border bg-light">
    <div class="col">col</div>
    <div class="col">col</div>
    <div class="col">col</div>
  </div>