図

見出し付き画像

figure 要素を用い、内部に figcaption で見出しを記述する

基本設定: 見出しが下の場合

• figure.figure
  • img.figure-img.img-fluid
  • figcaption.figure-caption

見出しが上の場合: 要素順序を交換

• figure.figure
  • figcaption.figure-caption.mb-2
  • img.figure-img.img-fluid

見出しの配置

figcaption に.text-(left|center|right) を設定(⇒ アラインメント )

figcaption.figure-caption.text-left

figcaption.figure-caption.text-center

figcaption.figure-caption.text-right