Angka

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

Ing kaca iki

Sawayah-wayah 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.

Caption kanggo gambar ing ndhuwur.

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

Nyelarasake caption tokoh iku gampang karo keperluan teks kita .

Caption kanggo gambar ing ndhuwur.

<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

Variabel

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