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

Share This