Şimdi yükleniyor

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 gönder