Bootstrap5模態框：彈出式內容展示正確打開方式

Bootstrap5模態框用於頁面臨時交互（提示、確認、表單等），覆蓋底層內容防止干擾。其優勢爲開箱即用、響應式、靈活可控，依賴Popper.js實現定位。 使用前需引入Bootstrap5 CSS與JS（含Popper）。核心HTML結構：.modal容器包含.modal-dialog（控制尺寸位置）、.modal-content（含.header、.body、.footer）。.header含標題與關閉按鈕，.body放內容，.footer放操作按鈕。 觸發模態框：按鈕點擊需`data-bs-toggle="modal"`和`data-bs-target="#ID"`；關閉方式有右上角×、ESC鍵、背景點擊、底部按鈕，也可通過JS手動控制（`new bootstrap.Modal(modalId).show()`）。 可自定義大小（.modal-sm/lg/xl），注意依賴Popper.js，避免嵌套，表單需防重複提交，長內容可禁用滾動。掌握結構、觸發關閉與自定義，即可快速實現彈窗交互。