Modal & Notification page header description goes here...


Modal Sizes

Modals have three optional sizes, available via modifier classes to be placed on a .modal-dialog. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.

Modal Cover

Modal cover is an extended feature from Bootstrap modal. It provide the same background color as the modal content. Place a .modal-cover css class on .modal for full cover modal.

Toasts Notification

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. Please read the official Bootstrap documentation for the full list of options.

Bootstrap 11 mins ago
Hello, world! This is a toast message.

Toasts Container

Toasts container is an extended ui from Bootstrap toasts. Wrap the toasts with .toasts-container will allow toast to float within the right top position.

Bootstrap 11 mins ago
Hello, world! This is a toast message.
Bootstrap 2 seconds ago
See? Just like this.
Theme Color

Dark Mode
Adjust the appearance to reduce glare and give your eyes a break.