in English
Angka
Dokumentasi dan contoh untuk memaparkan imej dan teks yang berkaitan dengan komponen angka dalam Bootstrap.
Pada halaman ini
Pada bila-bila masa anda perlu memaparkan sekeping kandungan—seperti imej dengan kapsyen pilihan, pertimbangkan untuk menggunakan <figure>
.
.figure
Gunakan kelas yang disertakan .figure-img
dan .figure-caption
untuk menyediakan beberapa gaya garis dasar untuk HTML5 <figure>
dan <figcaption>
elemen. Imej dalam rajah tidak mempunyai saiz yang jelas, jadi pastikan anda menambah .img-fluid
kelas pada anda <img>
untuk menjadikannya 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>
Menjajarkan kapsyen angka adalah mudah dengan utiliti teks kami .
<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
Pembolehubah
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;