Bootstrap duyarlı görüntü sorunu

Question

Bu Bootstrap sahnesinde yeniyim. bir navbar markası olarak bir resim koymak için çalışıyorum ve onu yeniden boyutlandırdık pencereler Ben de img-fluid ve style='width:100%' ekleyerek denedim

<a class="navbar-brand" href="#"><img alt="Brand" src="images/logo.png" class="img-responsive" /></a> 

yaptığında, ama hiçbir şey çalışıyor ve boyutu her zaman durağan. Görüntünün max-width:100% üzerine

Answer 1

koyun,

Answer 2

bu deneyin çalışacaktır Eklemek istediğimiz görüntüleri ile

a { 
    display: block; 
    width: /* depending on how much space you wanted for your navbar-brand */ 
} 

img { 
    max-width: 100%; 
} 

Answer 3

: Kodunuz iyi çalışıyor

.img-responsive { 
    height: auto; // the height will be in the images correct aspect ratio. 
    max-width: 100%; //Keep the image width the same as it's parents container. 
} 

Answer 4

. Aynı kodu burada denedim. Lütfen kontrol edin.