Redstar Hospital | Bootstrap Responsive Hospital Admin Template

Modals

Basic Modal Example

Click the button to trigger Modal.

Modal body text goes here.

Center In Page

Add .modal-dialog-centered to .modal-dialog to vertically center the modal.

Modal body text goes here.

Modals Size

To change the position or size of the modal add one of the following classes to the .modal-dialog div.

Note: Medium size is a default value, so there isn't a dedicated class for it.

.modal-sm Small Modal

.modal-lg Large Modal

.modal-fluid Full Width Modal

Modal body text goes here.

Modal body text goes here.

Modal body text goes here.

Modal body text goes here.

Static backdrop

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

...

Scrolling long content

Click the button to trigger Modal.