説明

Boostrapの画像は、画面サイズごとにレイアウト調整を自動で行ってくれます。
PC、タブレット、スマホなど異なる画面サイズに対応させるWEBサイトを作るときに便利です。
使い方も簡単でimgタグのclass属性に"img-responsive"を記述するだけです。

サンプル

画面サイズを変えると、画面の大きさに合わせて画像の大きさも変わります。

ソースコード
	<img src="img/imori.jpg" class="img-responsive" >


参考サイト