Sample Modals
Bootstrap Modal
Modal title
This is a modal window. You can do the following things with it:
- Read: modal windows will probably tell you something important so don't forget to read what they say.
- Look: a modal window enjoys a certain kind of attention.
- Close: click on the button below to close the modal.
Custom Modal
Heads up!
This alert needs your attention, but it's not super important.
Basic Models
Toggle a working modal demo by clicking the buttons below. It will slide down and fade in from the top of the page.
Modal with alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Background Variations
Toggle a working modal demo by clicking the buttons below. It will slide down and fade in from the top of the page.
Aside
Toggle a working modal demo by clicking the buttons below. It will slide down and fade in from the top of the page.
Animated Modals
Simple fade and rotate modal with title and footer
Simple Transition Effects
Simple transition modal with title and footer
3D Effects
Simple 3D Animated modals with title and footer
Full width Modal
For fullwidth modal, add the class modal-lg .
Extended Modals
Different type of modals with title and footer.