سان

خالىغان ۋاقىتتا بىر پارچە مەزمۇننى كۆرسىتىشىڭىز كېرەك - ئىختىيارى خەت يېزىلغان رەسىمگە ئوخشاش ، ئىشلىتىشنى ئويلاڭ <figure>.

ئۆز ئىچىگە ئالغان .figureۋە .figure-imgدەرسلەرنى ئىشلىتىپ HTML5 ۋە ئېلېمېنتلارنى .figure-captionبىر قىسىم ئاساسىي ئۇسلۇبلار بىلەن تەمىنلەڭ . رەسىمدىكى رەسىملەرنىڭ چوڭ-كىچىكلىكى ئېنىق ئەمەس ، شۇڭا چوقۇم سىنىپقا دەرسنى قوشۇپ جەزملەشتۈرۈڭ .<figure><figcaption>.img-fluid<img>

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

رەسىمنىڭ ئىزاھاتىنى توغرىلاش بىزنىڭ تېكىست قوراللىرىمىز بىلەن ئاسان .

<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

ئۆزگەرگۈچى مىقدار

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