img-responsive

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>

相關詞條

熱門詞條

聯絡我們