## 圖片 **響應式圖片** 通過為圖片添加`.img-responsive`類可以讓圖片支持響應式布局，也就是給圖片設置`max-width: 100%;`、`height: auto;`和`display: block;`屬性，從而讓圖片在其父元素中更好的收縮。另外，如果需要讓使用了`.img-responsive`類的圖片水平居中，請使用`.center-block`類，不要用`.text-center`。 ```html <img src="..." class="img-responsive" alt="響應式圖片"/> ``` ***** **圖片形狀** 通過為`<img>`元素添加以下相應的類，可以讓圖片呈現不同的形狀。 ```html <img src="../img/timg.jpg" class="img-rounded" width="200px"/> <img src="../img/timg.jpg" class="img-thumbnail" width="200px"/> <img src="../img/timg.jpg" class="img-circle" width="200px"/> ```  img-rounded 通過 border-radius:6px 來獲得圖片圓角 img-circle 通過 border-radius:50% 來讓整個圖片變成圓形 img-thumbnail 添加一些內邊距（padding）和一個灰色的邊框