Source

Angka

Dokumentasi dan contoh untuk memaparkan imej dan teks yang berkaitan dengan komponen angka dalam Bootstrap.

Pada bila-bila masa anda perlu memaparkan sekeping kandungan—seperti imej dengan kapsyen pilihan, pertimbangkan untuk menggunakan <figure>.

.figureGunakan kelas yang disertakan .figure-imgdan .figure-captionuntuk menyediakan beberapa gaya garis dasar untuk HTML5 <figure>dan <figcaption>elemen. Imej dalam rajah tidak mempunyai saiz yang jelas, jadi pastikan anda menambah .img-fluidkelas pada anda <img>untuk menjadikannya responsif.

400x300
Kapsyen untuk gambar di atas.
<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>

Menjajarkan kapsyen angka adalah mudah dengan utiliti teks kami .

400x300
Kapsyen untuk gambar di atas.
<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>