とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門
3. イメージ

レスポンシブイメージ

<img> に対して .img-fluid を指定すると、ウィンドウの広さに応じて自動的に横幅が調整されるレスポンシブ画像とすることができます。

<img src="1024x40.png" class="img-fluid">
<img src="1024x40.png" class="">

イメージサムネイル

.img-thumbnail を指定すると、画像の周りに .25rem の枠線を描画します。

<img src="80x80.png" class="img-thumbnail">

イメージの配置

イメージの配置に関しては フロート などを参照してください。