Source

Awọn isiro

Iwe ati awọn apẹẹrẹ fun iṣafihan awọn aworan ti o jọmọ ati ọrọ pẹlu paati eeya ni Bootstrap.

Nigbakugba ti o nilo lati ṣe afihan nkan ti akoonu — bii aworan pẹlu akọle yiyan, ronu nipa lilo faili <figure>.

Lo awọn to wa .figure, .figure-imgati .figure-captionawọn kilasi lati pese diẹ ninu awọn aza laini fun HTML5 <figure>ati <figcaption>awọn eroja. Awọn aworan ni awọn isiro ko ni iwọn ti o fojuhan, nitorinaa rii daju lati ṣafikun .img-fluidkilasi naa si rẹ <img>lati jẹ ki o ṣe idahun.

400x300
Akọle fun aworan ti o wa loke.
<figure class="figure">
  <img src=".../400x300" 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>

Iṣatunṣe akọle eeya naa rọrun pẹlu awọn ohun elo ọrọ wa .

400x300
Akọle fun aworan ti o wa loke.
<figure class="figure">
  <img src=".../400x300" 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>