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:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • David Wills

    David Wills

    31 Aralık 2007
  • Rachel Talbott

    Rachel Talbo

    26 Ocak 2011
  • WOSU Public Media

    WOSU Public

    23 AĞUSTOS 2007