img-responsive

?編輯

本詞條缺少概述圖，補充相關內容使詞條更完整，還能快速升級，趕緊來編輯吧！

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

中文名

圖片響應式

外文名

img responsive

常????見

Bootstrap中內置樣式

目錄

1?介紹

2?用法

3?居中

介紹

編輯

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

用法

編輯

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

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

居中

編輯

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

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

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

參考資料

• 1.??Bootstrap中如何讓響應式圖片（img-responsive）水平居中???．天辰的博客．2015-12-17[引用日期2016-09-30]

總結

以上是生活随笔為你收集整理的图片响应式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。