A modal is a popup dialog box that overlays the main page content. It’s useful for confirmations, forms, alerts, or custom content without redirecting to another page.
Official docs: Bootstrap Modals Docs
Type or edit the modal code below and preview it live:
data-bs-toggle="modal"
and data-bs-target="#modalId"
on buttons to trigger a modal. Always wrap modals in .modal
, with nested .modal-dialog
and .modal-content
.