Bootstrap では、img-fluid クラスを適用することで、画像のレスポンシブ対応を行うことができます。
実装例
<img src="./image.PNG" alt="" class="img-fluid">
サンプルダウンロード
サンプル内の img タグの src プロパティに、適宜画像を指定ください。その後、サンプルをブラウザで実行していただき、ブラウザをリサイズすることで、画像がレスポンシブにサイズ変更されることが分かります。
参考リンク
https://getbootstrap.com/docs/5.0/content/images/#responsive-images
Bootstrap クラスを網羅的に学習するには
Bootstrap クラスについて網羅的に学習するには、Bootstrap 5 フロントエンド開発の教科書がお勧めです。Bootstrap クラス以外にも、レスポンシブレイアウトの仕組みや、Bootstrap アイコン、テーマなど様々な機能を紹介しており、Bootstrap の機能を俯瞰して確認することができてお勧めです。
