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.
Bootstrap’s modal class exposes a few events for hooking into modal functionality. All modal events are fired at the modal itself
OnShow Modal Event
This event fires immediately when the show instance method is called. If caused by a click, the clicked element is available as the relatedTarget property of the event.
OnShown Modal Event
This event is fired when the modal has been made visible to the user (will wait for CSS transitions to complete). If caused by a click, the clicked element is available as the relatedTarget property of the event.
OnHide Modal Event
This event is fired immediately when the hide instance method has been called.
OnHidden Modal Event
This event is fired when the modal has finished being hidden from the user (will wait for CSS transitions to complete).