img-responsive

img-responsive是圖片回響式的意思，在Bootstrap框架中，有一個.img-responsive的CSS樣式。套用這個樣式以後，圖片就會變成回響式圖片。

基本介紹

• 中文名：圖片回響式
• 外文名：img responsive
• 常見：Bootstrap中內置樣式

用法

在BootStrap中，給<img>添加 .img-responsive樣式就可以實現圖片回響式。

<img src="..." class="img-responsive">

居中

我們在用bootstrap排版內容的時候，有的時候在內容中需要圖片水平居中對齊。

一般情況下，我們的圖片都使用了 .img-responsive 類來實現回響式圖片。如果需要實現回響式圖片水平居中，那么我們要使用 .center-block 類，不要用 .text-center

<p><img class="img-responsive center-block" src="..." /></p>