🟢 Bootstrap Modals

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

🖥️ Bootstrap Modals Preview

Type or edit the modal code below and preview it live:

💡 Tip: Use 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.