Images

サンプル01-イメージ表示(角丸・円形・枠付き表示)

機能

指定された表示方法でイメージファイルを表示します

コーディング

<img>に以下のクラスを指定します

.img-rounded
角丸で表示されます
.img-circle
円形で表示されます
.img-thumbnail
枠付きで表示されます

サンプル02-イメージ表示(レスポンシブ表示)

機能

ウィンドウ幅に応じて表示比率を保ったままイメージ表示(レスポンシブ表示)を行います
ウィンドウ幅を変更して確認してみてください

コーディング

<img>に以下のクラスを指定します

.img-responsive
イメージがレスポンシブ表示されます
このクラスを指定すると指定された<img>はブロック要素となりますのでご注意下さい