Bootstrapで画像をレスポンシブに

webアプリを作っているとレスポンシブというものが大事になる(と思う)

BootstrapのGridシステムはかなりお世話になってますが、最近知ったのは画像をレスポンシブに変化させる(？)というもの

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

このようにclassにimg-responsiveを指定するだけ

↓実際にimgタグで書いたけどはてなさんのおかげで最初からレスポンシブ

ただ、レスポンシブになったのはいいけれど左寄り。。。

なので中央寄せにさせる

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

classにcenter-blockを足すと中央寄りになってくれる
ただし上下中央にはならないので注意
いろいろ試したけど、この2つのクラスを使った状態で上下中央にするやり方が未だわからず…

↓参考にさせていただいたサイト webnetamemo.com