text-start

bootstrap5.css

bootstrap5.css
.text-start {
  text-align: left !important;
}

html bootstrap5 Sample

字の左寄せ/中央寄せ/右寄せを設定するクラス:text-start


text-start

text-center

text-end

  <p class="text-start">text-start</p>
  <p class="text-center">text-center</p>
  <p class="text-end">text-end</p>

図表キャプション左寄せ(デフォルト):figure-captionとtext-start


図表の画像
図表キャプション左寄せ(デフォルト)(text-start:デフォルト)
  <figure class="figure">
    <!-- textユーティリティーを適用して配置場所を設定できる -->
    <img src="https://via.placeholder.com/400x300/FFFF00/000000?text=img" class="figure-img img-fluid" alt="図表の画像">
    <figcaption class="figure-caption text-start">図表キャプション左寄せ(デフォルト)(text-start:デフォルト)</figcaption>
  </figure>