En son web geliştirme öğreticiler
 

Bootstrap CSS Görüntüleri Referans


Bootstrap Görüntüler

Yuvarlatılmış köşeler:

Cinque Terre

Daire:

Cinque Terre

Küçük resim:

Cinque Terre

<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:

Örnek

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
Kendin dene "