On the use of bootstrap modal frame (classic) _javascript technique

Simple overview of bootstrap modal box

The Bootstrap modals (modal box) is created using a custom Jquery plug-in. It can be used to create a modal window to enrich the user experience, or to add practical functionality to the user. You can use PopOver (pop-up boxes) and Tooltip (tooltip plug-ins) in the modals (modal box).

1,bootstrap modal dialog box and simple to use

Div id= "Mymodal" class= "Modal Hide Fade" >
<div class= "Modal-header" >
<button type= "button" class= "Close" data-dismiss= "modal" >x</button>
 
 

You can use a button or link to call the modal dialog box directly, which is a simple usage:

In addition, when you need to make the dialog box open each time the form data is emptied, the following:

$ (' #modal1 '). Modal (' hide ');
$ ("#modal1"). On ("Hidden", function () {$ (' #form1 ') [0].reset ();}); After you add a contract, empty the form operation

The above content is small series to introduce the bootstrap modal frame of use, hope to help you, want to know more wonderful content, please pay attention to cloud Habitat community website!