Bootstrap Görüntüler
Yuvarlatılmış köşeler:
Daire:
Küçük resim:
<img> Sınıfları
Aşağıdaki sınıflar herhangi bir resmi stil kullanılabilir:
Sınıf | Açıklama | Örnek |
---|---|---|
.img-rounded | Görüntüye yuvarlatılmış köşeleri ekler (not available in IE8) | Dene |
.img-circle | Bir çevreye görüntü Şekiller (not available in IE8) | Dene |
.img-thumbnail | küçük resim görüntüyü Şekiller | Dene |
.img-responsive | Duyarlı bir görüntü yapar (will scale nicely to the parent element) | Dene |
duyarlı Görüntüler
Bir ekleyerek duyarlı görüntüler oluşturun .img-responsive
etmek sınıfını <img>
etiketinin. Görüntü ardından üst elemana güzel dönüşebilecek.
.img-responsive
sınıf geçerlidir max-width: 100%
, height: auto
ve display:block
görüntüsüne: