1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (1 Kişi oy verdi, 5 üzerinden ortalama puan: 5,00.
Bu yazıya oy vermek ister misiniz?)
Loading...
Bootstrap

Bootstrap Responsive Images

Responsive Imagelar(Resimler) otomatik olarak ekran boyutuna göre ayarlanır.
Mesela,Resimi ne boyutta yüklerseniz yükleyin responsive image sayesinde resminiz sayfanın çözünürlüğüne göre boyutlanır.

Bootstrapta responsive imagelar oluşturmak için <img> etiketi için .img-responsive classının eklenmesi gerekir. Bu eklemeden sonra <img> etiketi parent elementine göre boyutlanacaktır.

 

Şekil *.7: .img-responsive classının kullanımı

<img class="img-responsive" src="img_chania.jpg" alt="Chania">
Try it Yourself »

 

Yorum Yap