Bootstrap JavaScript Plugin---popup box (modal frame) Modal

Brief introduction:

A pop-up box is a frequently used component that is commonly used for pop-up prompts, confirmation messages, and form content.

Complete structural analysis (can have no head and bottom):

code example:

<!--the head of the popup box -    <Divclass= "Modal Fade">          <Divclass= "Modal-dialog">              <Divclass= "Modal-content">                  <Divclass= "Modal-header">                      <Buttontype= "button"class= "Close"Data-dismiss= "Modal">                          <spanAria-hidden= "true">&times;</span><spanclass= "Sr-only">Close</span>                      </Button>                      <h4class= "Modal-title">Modal Title</h4>                  </Div><!--pop-up box contents -                <Divclass= "Modal-body">                      ...                  </Div>  <!--the bottom of the popup box -                <Divclass= "Modal-footer"><!--set the data-dismiss= "modal" property to close the pop-up box -                    <Buttontype= "button"class= "Btn Btn-default"Data-dismiss= "Modal">Close</Button>                      <Buttontype= "button"class= "Btn btn-primary">Save changes</Button>                  </Div>              </Div>          </Div>      </Div> 

※ When you need to set a popup for an element, set data-toggle= "modal"for that element (Activate modal box properties),data-target= "#about" (Used to point to the modal box being controlled) Here is also not a special understanding, if you have the opinion of the small partners to advise.

Bootstrap JavaScript Plugin---popup box (modal frame) Modal