bootstrap響應式圖片的正確的設定是在img上面加上兩個類就可以了

1. <imgsrc="..."class="img-responsive center-block">

如果是在內容頁裡面的話，直接用js給每個img加上屬性就可以了。

1. $(window).load(function(){
2. $(".panel-body img").addClass("img-responsive center-block");
3. })

在 Bootstrap 版本 3 中，通過為圖片新增 .img-responsive 類可以讓圖片支援響應式佈局。其實質是為圖片設定了 max-width: 100%;、 height: auto; 和 display: block; 屬性，從而讓圖片在其父元素中更好的縮放。這裡比較多:http://www.aiweb365.com/ 如果需要讓使用了 .img-responsive 類的圖片水平居中，請使用 .center-block 類，不要用 .text-center。 SVG 影象和 IE 8-10 在 Internet Explorer 8-10 中，設定為 .img-responsive 的 SVG 影象顯示出的尺寸不勻稱。為了解決這個問題，在出問題的地方新增 width: 100% \9; 即可。Bootstrap 並沒有自動為所有影象元素設定這一屬性，因為這會導致其他影象格式出現錯亂。