Bootstrap CSS Resimleri Referansı
Önyükleme Görüntüleri
Yuvarlatılmış köşeler:
Daire:
Küçük resim:
<img> Sınıflar
Aşağıdaki sınıflar herhangi bir görüntüye stil vermek için kullanılabilir:
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
Duyarlı Görüntüler
Etikete bir .img-responsivesınıf ekleyerek duyarlı görüntüler oluşturun . <img>Görüntü daha sonra ana öğeye güzel bir şekilde ölçeklenir.
Sınıf , , ve resme .img-responsiveuygulanır :max-width: 100%height: autodisplay:block
Örnek
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">