## 響應式圖片 在 Bootstrap 版本 3 中，通過為圖片添加 `.img-responsive` 類可以讓圖片支持響應式布局。其實質是為圖片設置了 `max-width: 100%;`、 `height: auto;` 和 `display: block;` 屬性，從而讓圖片在其父元素中更好的縮放。 如果需要讓使用了 `.img-responsive` 類的圖片水平居中，請使用 `.center-block` 類，不要用 `.text-center`。 [請參考助手類章節](https://v3.bootcss.com/css/#helper-classes-center) 了解更多關于 `.center-block` 的用法。 #### SVG 圖像和 IE 8-10 在 Internet Explorer 8-10 中，設置為 `.img-responsive` 的 SVG 圖像顯示出的尺寸不勻稱。為了解決這個問題，在出問題的地方添加 `width: 100% \9;` 即可。Bootstrap 并沒有自動為所有圖像元素設置這一屬性，因為這會導致其他圖像格式出現錯亂。 ~~~html <img src="..." class="img-responsive" alt="Responsive image"> ~~~