Modals

Default modal style triggered on button click, featuring smooth slide down and fade in transitions.

When backdrop is set to static, the modal will not close when clicking outside of it or pressing escape.

Align the modal dialog vertically centered on the viewport using `.modal-dialog-centered` class.

Sizes are configured using standard size class suffixes on `.modal-dialog`, or `.modal-fullscreen`.

Nest standard Bootstrap column layouts inside the modal body to create rich, responsive layout grids.

Popovers and tooltips can easily be placed within modal bodies, behaving dynamically with parent positioning.

Smoothly toggle from one modal to a separate secondary modal dialog while preventing double backdrop rendering.

Add scrollability to the modal content wrapper body using the `.modal-dialog-scrollable` helper class.