Bootstrap5響應式圖片：適配不同屏幕的圖片方案

Bootstrap5提供響應式圖片解決方案，核心是`.img-fluid`類：圖片寬度100%繼承父容器，高度自動縮放，避免溢出變形，需配合`.container`等佈局類控制容器大小。可通過`.rounded`（圓角）、`.rounded-circle`（圓形）、`.img-thumbnail`（縮略圖）美化；用`.d-block mx-auto`實現居中；`.aspect-ratio`類（如16:9）固定寬高比。進階可結合`srcset`屬性，根據屏幕寬度加載適配圖片，解決變形、加載慢、溢出等問題。無需複雜CSS，輕鬆實現多設備適配，提升用戶體驗。