img-responsive是圖片回響式的意思,在Bootstrap框架中,有一個.img-responsive的CSS樣式。套用這個樣式以後,圖片就會變成回響式圖片。
基本介紹
- 中文名:圖片回響式
- 外文名:img responsive
- 常見:Bootstrap中內置樣式
介紹,用法,居中,
介紹
img-responsive是圖片回響式的意思,在Bootstrap框架中,有一個.img-responsive的CSS樣式。套用這個樣式以後,圖片就會變成回響式圖片。
用法
在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>