Redstar Hospital | Bootstrap Responsive Hospital Admin Template

Basic Modal Example

Basic example

Click the button to trigger Modal.

Center In Page

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

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

Modals Positions

Note: To make it works properly, apart from adding a class for a position, you also need to addspecial class.modal-side to.modal-dialog div.

.modal-side .modal-top-right Top Right

.modal-side .modal-top-left Top Left

.modal-side .modal-bottom-right Bottom Right

.modal-side .modal-bottom-left Bottom Left

Scrolling long content

Click the button to trigger Modal.

Basic example

Center In Page

Modals Size

Modals Positions

Scrolling long content

Online

John Deo

Rajesh

Jacob Ryan

Kehn Anderson

Sarah Smith

Vlad Cardella

Offline

Jennifer Maklen

Lina Smith

Jeff Adam

Anjelina Cardella

Layout Settings

Account Settings

General Settings

Notifications

Messages

Basic example

Center In Page

Modals Size

Modals Positions

Scrolling long content

Online

John Deo

Rajesh

Jacob Ryan

Kehn Anderson

Sarah Smith

Vlad Cardella

Offline

Jennifer Maklen

Lina Smith

Jeff Adam

Anjelina Cardella

Layout Settings

Account Settings

General Settings