Bootstrap Modal box (Modal) Plug-in code parsing, bootstrapmodal

Bootstrap Modal box (Modal) Plug-in code parsing, bootstrapmodal

The Bootstrap Modal box (Modal) Plug-in Modal box is a child form that overwrites the parent form. Normally, the purpose is to display the content from a separate source. Some interactions can be made without leaving the parent form. Subforms provide information and interaction. The following Code introduces the bootstrap modal box plug-in. We will show you the following:

Page effect:

Html + js:

<! DOCTYPE html> 
Login.css
body { background: url(../image/sun.jpg) no-repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;}.main { width: 365px; height: 200px; margin: 230px auto; /*border: 2px solid #3a9c08;*/}.form-horizontal { padding-top: 30px}.main>.form-horizontal>.form-group>.col-xs-3.col-md-3.control-label.no-padding-right { color: #fff;}label.control-label.no-padding-right { padding-right: 0; font-size: 17px;}.form-horizontal .form-group { margin-right: 0; margin-left: 0;}.form-group.bottom-button { padding-top: 10px;}
Register.css
.modal-dialog .modal-content .modal-header { background: url(../image/registerTop.png) no-repeat; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%;}.modal-dialog .modal-content .modal-footer { background-color: #d5feff;}
The above is the code parsing of the Bootstrap Modal box (Modal) Plug-In introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave a message for me, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!