Source

سان

Bootstrap دىكى رەسىم زاپچاسلىرى بىلەن مۇناسىۋەتلىك رەسىم ۋە تېكىستلەرنى كۆرسىتىش ئۈچۈن ھۆججەت ۋە مىساللار.

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

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

400x300
يۇقارقى رەسىمنىڭ ئىزاھاتى.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

400x300
يۇقارقى رەسىمنىڭ ئىزاھاتى.
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>