Source

Angka

Dokumentasi lan conto kanggo nampilake gambar lan teks sing gegandhengan karo komponen tokoh ing Bootstrap.

Kapan wae sampeyan kudu nampilake potongan konten-kaya gambar kanthi caption opsional, coba gunakake <figure>.

Gunakake klebu .figure, .figure-imglan .figure-captionkelas kanggo nyedhiyani sawetara gaya dhasar kanggo HTML5 <figure>lan <figcaption>unsur. Gambar ing tokoh ora duwe ukuran sing jelas, dadi manawa kanggo nambah .img-fluidkelas sampeyan <img>supaya responsif.

400x300
Caption kanggo gambar ing ndhuwur.
<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>

Nyelarasake caption tokoh iku gampang karo keperluan teks kita .

400x300
Caption kanggo gambar ing ndhuwur.
<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>