<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">
イメージの配置に関しては フロート などを参照してください。