Ọnụọgụ

Akwụkwọ na ihe atụ maka igosipụta onyonyo na ederede metụtara ya na ihe onyonyo dị na Bootstrap.

Na ibe a

Oge ọ bụla ịchọrọ igosipụta akụkụ ọdịnaya-dị ka onyonyo nwere isiokwu nhọrọ, tụlee iji a <figure>.

Jiri agụnyere .figure, .figure-imgna .figure-captionklaasị iji nye ụfọdụ ụdị ntọala maka HTML5 <figure>na <figcaption>ihe. Onyonyo dị na ọnụ ọgụgụ enweghị nha a kapịrị ọnụ, yabụ jide n'aka na itinye .img-fluidklas ahụ na gị <img>ka ọ na-anabata ya.

Nkọwa okwu maka onyonyo dị n'elu.

html

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

Ịhazi isiokwu nke ọnụ ọgụgụ ahụ dị mfe na akụrụngwa ederede anyị .

Nkọwa okwu maka onyonyo dị n'elu.

html

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

Sass

Mgbanwe

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;