align-items-stretch

bootstrap5.css

bootstrap5.css
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

html bootstrap5 Sample

flexコンテナー内のアイテムの配置/ストレッチ:align-items-stretch


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