Modals

Basic Modals

Default Modal

Toggle a modal via JavaScript by clicking the button above.



Modal With Icons

With some icons and success alert to give success message.



Disable Keyboard

By Default, closes the modal when escape key is pressed. Disable keyboard interaction using data-backdrop="false".

Disable Backdrop

Disable backdrop element using data-backdrop="false", it includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on outsidedata-backdrop="false" click.

Modal Show

Manually opens a modal. Returns to the caller before the modal has actually been shown.




Disable Animation

For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup.




Form Components

Login Form

Created Simple Login Form.


Form with Icons

Login Form With Icon.


Bootstrap Input Style Form

Bootstrap Form using Floating Label fields.