レスポンシブ画像:img

レスポンシブ画像:img-fluid


レスポンシブ画像

  <img src="https://via.placeholder.com/710x250/FFFF00/000000?text=img" class="img-fluid" alt="レスポンシブ画像">

画像の中央寄せ:mx-autoとd-block


中央寄せ画像

  <!-- imgにclassを設定する -->
  <img src="https://via.placeholder.com/200x200" class="mx-auto d-block" alt="中央寄せ画像">

画像の中央寄せ:text-center


中央寄せ画像

  <!-- divにclassを設定する -->
  <div class="text-center">
    <img src="https://via.placeholder.com/200x200" alt="中央寄せ画像">
  </div>

サムネイル画像:img-thumbnail


サムネイル画像

  <!-- imgにclassを設定する -->
  <img src="https://via.placeholder.com/200x200" class="img-thumbnail" alt="サムネイル画像">