1,bootstrap modal dialog box and simple use
Div id= "Mymodal" class= "Modal Hide Fade" ><Divclass= "Modal-header"><Buttontype= "button"class= "Close"Data-dismiss= "Modal">X</Button><H3>dialog box title</H3></Div><Divclass= "Modal-body"><P>dialog box Body</P></Div><Divclass= "Modal-footer"><ahref="#"class= "BTN"Data-dismiss= "Modal">Cancel</a><ahref="#"class= "Btn btn-primary"Data-dismiss= "Modal">Are you sure</a></Div></Div>
Modal dialogs can be called directly using buttons or links, which is simple to use:
<href= "#modal1" role= "button" class= "btn Btn-primary btn-sm " data-toggle=" modal "> Contract Add </a >
Also, when you need to allow the dialog box to clear the form data each time it is opened, the following:
$ (' #modal1 '). Modal (' hide '); $ (function// after adding the contract, clear the form action
[Original] Classic Bootstrap modal box use article