Imej
Dokumentasi dan contoh untuk mengikut sertakan imej ke dalam gelagat responsif (supaya imej itu tidak menjadi lebih besar daripada elemen induknya) dan menambah gaya ringan padanya—semuanya melalui kelas.
Imej dalam Bootstrap dibuat responsif dengan .img-fluid
. max-width: 100%;
dan height: auto;
digunakan pada imej supaya ia berskala dengan elemen induk.
Imej SVG dan IE 10
Dalam Internet Explorer 10, imej SVG dengan .img-fluid
bersaiz tidak seimbang. Untuk membetulkannya, tambah width: 100% \9;
jika perlu. Pembetulan ini mensaiz format imej lain secara tidak betul, jadi Bootstrap tidak menggunakannya secara automatik.
Sebagai tambahan kepada utiliti jejari sempadan kami , anda boleh gunakan .img-thumbnail
untuk memberikan imej rupa sempadan 1px bulat.
Jajarkan imej dengan kelas apungan pembantu atau kelas penjajaran teks . block
imej peringkat boleh dipusatkan menggunakan kelas .mx-auto
utiliti margin .
Jika anda menggunakan <picture>
elemen untuk menentukan berbilang <source>
elemen untuk <img>
, pastikan anda menambah .img-*
kelas pada <img>
dan bukan pada <picture>
teg.