Bootstrap data-toggle data-target modal realizes the pop-up window can be used for editing, adding data, popover realizes alarm information or prompts after button events, tooltips

The premise is to introduce bootstrap.min.js

1. First define a button data-toggle: what event is triggered, such as modal, popover, tooltips, etc.; data-target: the target of the event; 
<button type="button" data-toggle="modal" data-target=" #modal" > 
   <i class="fa fa-user-plus mr-sm text-md"></i>Add</button> 

2. Define the target of the event, that is, the attribute value of the data-target. This is #modal that is the element with id="modal"

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
　　.......内容
</div>

The popup effect of data-toggle="modal"

 

data-toggle="popover" general application