Bootstrap modal Box (Modal) plug-in code parsing _javascript tips

The Bootstrap modal Box (Modal) Plug-in modal box (Modal) is a subform that is overwritten on the parent form. Typically, the intent is to display content from a single source, and you can interact without leaving the parent form. subforms provide information, interactivity, and so on. The following through the code to introduce bootstrap modal box plug-ins, first show you the effect of the picture:

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 a small series to introduce the Bootstrap modal Box (Modal) Plug-in code analysis, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!