Bootstrap Modals

A rendered modal with header, body, and set of actions in the footer.

Modal with Pages

Examples of custom modals.

Modal Position

Specify the position for the modal. You can display modal at top, bottom, center or right of page by specifying classes modal-top, modal-bottom, modal-dialog-centered and modal-right respectively.

Modal based Alerts

Show different contexual alert messages using modal component

Multiple Modal

Display a series of modals one by one to guide your users on multiple aspects or take step wise input.

Toggle Between Modals

Toggle between multiple modals with some clever placement of the data-bs-target and data-bs-toggle attributes.

Open first modal

Static backdrop

When backdrop is set to static, the modal will not close when clicking outside it. Click the button below to try it.

Custom Modals

Examples of custom modals.

Theme Customizer

Color Scheme
Width
Menus (Leftsidebar and Topbar) Positon
Left Sidebar Color
Left Sidebar Size
Sidebar User Info
Topbar
Purchase Now