Modal examples

You must add data-bs-toggle="modal" and set data-bs-target attributes to initialize modal trigger

Disable backdrop behavior (don't close modal when backdrop clicked)

Apply .modal-dialog-scrollable to make modal body fixed and scrollable

Make your modal align center to page by applying .modal-dialog-centered

Tooltips and popovers can be placed within modals as needed. When modals are closed, any tooltips and popovers within are also automatically dismissed.

You can insert any elements to modal body

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

Another override is the option to pop up a modal that covers the user viewport, available via modifier classes that are placed on a .modal-dialog.

Navigation

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet