Bootstrap Modals

The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds .modal-open to the <body> to override default scrolling behavior and generates a .modal-backdrop to provide a click area for dismissing shown modals when clicking outside the modal. You can find more detailed information from the offecial Bootstrap website http://getbootstrap.com/javascript/#modals

Bootstrap Modals With Forms

You are alos able to use Bootstrap Modals with forms. Here is an examples of Bootstrap Modal forms: