Default modal defined by theme color.

Launch modal example

To build a modal you need to use the next classes: .modal.modal-dialog.modal-content.color-line.modal-header.modal-title.modal-body.modal-footer

Modal with header color defined by theme color.

Launch modal example

To define a modal with header color you need to add the class .modal-header-colorto the base modal div.

Modal with full color defined by theme color.

Launch modal example

To define a full color modal you need to add the class .modal-full-colorto the base modal div.

Default modal defined by Bootstrap color.

Launch Danger modal example

CSS classes: .modal-default.modal-primary.modal-info.modal-success.modal-warning.modal-danger.modal-inverse

Bootstrap modal with header color defined by Bootstrap color.

Launch Warning modal example

To define a modal with header color you need to add the class .modal-header-colorto the base modal div.

Bootstrap modal with full color defined by Bootstrap color.

Launch Success modal example

To define a full color modal you need to add the class .modal-full-colorto the base modal div.

Modal with Backdrop background color defined by Bootstrap Colors.

Launch Info Backdrop modal example

Use .modal-background-colorto define the backdrop color.

Modal with No Backdrop background color.

Launch No Backdrop modal example

Use .no-backdropto define no backdrop color in the modal