Nasıl twitter bootstrap 3 duyarlı bir görüntü oluşturmak için | Netgez.com
SORU
19 EYLÃœL 2013, PERÅžEMBE

Nasıl twitter bootstrap 3 duyarlı bir görüntü oluşturmak için

Şu anda twitter bootstrap 3 kullanıyorum ve duyarlı bir görüntü oluşturmak için bir sorun ile karşı karşıyayım. img-responsive Sınıf kullandım. Ama resim boyutunu arttırıyor. width:100% yerine max-width:100% Daha sonra kullanmak ise mükemmel çalışıyor. Sorun nerede o zaman? Bu benim kod:

    <div class="col-md-4 col-sm-4 col-xs-12 ">
        <div class="product">               
                <div class="product-img ">
                   <img class="img-responsive" src="img/show1.png" alt="" />
                </div>
             </div>
     </div>

CEVAP
19 EYLÃœL 2013, PERÅžEMBE

Bootstrap ... ... duyarlı resim sınıfı 100% max-width ayarlar. Bu boyutunu sınırlar, ama üst öğeleri görüntüden daha büyük kendisi doldurmak için germek için zorlamaz. Geliştirme zorlamak için width özniteliği kullanmanız gerek.

http://getbootstrap.com/css/#images-responsive

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
JavascriptJqueryHtml5Css3Twitter-BootstrapTwitter-bootstrap

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Breno Rises

    Breno Rises

    7 Ocak 2014
  • Dive In

    Dive In

    17 Temmuz 2013
  • Rozetked | Обзоры

    Rozetked | Ð

    5 AÄžUSTOS 2011

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR