Bootstrap Images
Sudut tumpul:

Lingkaran:

thumbnail:

<img> Kelas
Kelas bawah ini dapat digunakan untuk gaya gambar apapun:
Kelas | Deskripsi | Contoh |
---|---|---|
.img-rounded | Menambahkan sudut dibulatkan ke gambar (tidak tersedia di IE8) | Cobalah |
.img-circle | Membentuk gambar ke lingkaran (tidak tersedia di IE8) | Cobalah |
.img-thumbnail | Membentuk gambar untuk thumbnail | Cobalah |
.img-responsive | Membuat gambar responsif (akan skala baik untuk elemen induk) | Cobalah |
Gambar responsif
Membuat gambar responsif dengan menambahkan .img-responsive
kelas ke <img>
tag. gambar maka akan skala baik untuk elemen induk.
The .img-responsive
kelas berlaku max-width: 100%
, height: auto
, dan display:block
pada gambar: