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 »

 

Ramazan Bıyıkcı

Merhaba! Ben Ramazan. Medya Planlama ve Dijital Pazarlama Uzmanıyım. Çağımız medya çağı, hayatımızın bir çok alanı online olmuş durumda. Bu süreçte bende marka ve kurumların dijital ihtiyaçlarını karşılayacak şekilde planlamalar yapmaktayım. Bir çok markanın dijital pazarlama alanındaki online faaliyetlerini sürdürmekteyim. Farklı uzmanlık alanlarında çalışarak halen kendimi sürekli yenileyerek geliştirmekteyim.

Yorum Yap

Ramazan Bıyıkcı

"Merhaba! Ben Ramazan. Medya Planlama ve Dijital Pazarlama Uzmanıyım. Çağımız medya çağı, hayatımızın bir çok alanı online olmuş durumda. Bu süreçte bende markaların dijital ihtiyaçlarını karşılayacak şekilde planlamalar yaparak ve bir çok markanın dijital pazarlama alanındaki faaliyetlerini sürdürmekteyim. Farklı görevler ve farklı uzmanlık alanlarında çalışarak halen kendimi sürekli yenileyerek geliştirmekteyim."