The Bootstrap solution cannot be used in the bootstrap pop-up box.

The Bootstrap solution cannot be used in the bootstrap pop-up box.

Problem description

The front-end framework bootstrap is used in the write project, which provides powerful functions!

Bootstrap Learning

However, when the pop-up box component provided by bootstrap is used, the pop-up box cannot be displayed!

It should be said as follows:

 

The official example is as follows:

<! DOCTYPE html> 
The Code has been checked three times. After confirming that the code is correct, go to Firefox debug,
<script>$(function () { $("[data-toggle='popover']").popover(); });</script>
This piece of code is global and will be activated upon entry of the page, directly jump into the js framework of bootstrap:
 

I did not introduce jquery! But I introduced it!
<link rel="stylesheet" href="css/bootstrap.min.css"/><script type="text/javascript" src="js/bootstrap.min.js" ></script><script type="text/javascript" src="js/jquery.min.js" ></script>
Mental retardation ?......

Later I thought that bootstrap was dependent on jquery, So I adjusted the reference sequence with a try:
<script type="text/javascript" src="js/jquery.min.js" ></script><script type="text/javascript" src="js/bootstrap.min.js" ></script>
The above content introduces that the Bootstrap pop-up box cannot be called and the problem is solved smoothly. If you encounter a bootstrap pop-up box problem, refer to the next tutorial.
Articles you may be interested in:

 

 
  
JS component Bootstrap implementation pop-up box and prompt box effect code