読者です 読者をやめる 読者になる 読者になる

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

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

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

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

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

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

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

なので中央寄せにさせる

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

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

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