in English
Angka
Dokumentasi dan contoh untuk menampilkan gambar dan teks terkait dengan komponen gambar di Bootstrap.
Kapan pun Anda perlu menampilkan konten—seperti gambar dengan teks opsional, pertimbangkan untuk menggunakan <figure>
.
Gunakan kelas yang disertakan .figure
, .figure-img
dan .figure-caption
untuk menyediakan beberapa gaya dasar untuk HTML5 <figure>
dan <figcaption>
elemen. Gambar dalam gambar tidak memiliki ukuran eksplisit, jadi pastikan untuk menambahkan .img-fluid
kelas ke Anda <img>
agar responsif.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
Menyelaraskan keterangan gambar itu mudah dengan utilitas teks kami .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>