bootstrap4

bootstrap4.css

.text-left {
  text-align: left !important;
}

■テキスト：Text：ユーティリティ：字の左寄せ／中央寄せ／右寄せを設定するクラス

text-left

text-center

text-right

  <p class="text-left">text-left</p>
  <p class="text-center">text-center</p>
  <p class="text-right">text-right</p>

■図表キャプション：figure：図表キャプション：左寄せ（デフォルト）

図表コンテンツ内の画像 — 図表キャプション左寄せ（デフォルト）（text-left：デフォルト）

  <figure class="figure">
    <img src="https://via.placeholder.com/400x300/FFFF00/000000?text=img" class="figure-img img-fluid" alt="図表コンテンツ内の画像">
    <figcaption class="figure-caption text-left">図表キャプション左寄せ（デフォルト）（text-left：デフォルト）</figcaption>
  </figure>