Bootstrap を使って画像をレスポンシブに表示する - CrossBridge Labはじめに 本記事では Bootstrap3 を使った時に、画像をレスポンシブに表示する方法と、レスポンシブに表示しつつセンターに表示される方法を解説します。 Bootstrap で画像をレスポンシブに表示する img 要素に img-responsive クラスを指定すると、画像がレスポンシブ対応となり、親の要素に合わせて拡大縮小されます。 <img src="image.jpg" class="img-responsive"> img-responsive クラスですが、BootstrapのCSSファイルで以下のように定義されています。 .img-responsive { display: block; height: auto; max-width: 100%; } before & after before after 画像をレスポンシブに表示しつつセンタリングする img-resp
