Ş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>

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