img-responsiveの画像をセンター寄せにする方法

Bootstrapで画像をレスポンシブにする方法はimg-responsiveを使いますが、左寄せになります。
センター寄せにしたい場合はcenter-blockを利用すればセンター寄せになります。

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

text-centerやdivでtext-align:center;のセンタリングしてみましたがなかなかうまくいかず、、
margin:0 auto;でセンタリングしてくれるようです。
Bootstrapにはcenter-blockクラスが用意されているのでこちらを画像のクラスに利用すれば大丈夫でした。

  • URLをコピーしました!
目次