Bootstrap Popover不显示

Question

 $(document).ready(function(){ $('[data-toggle="popover"]').popover(); }); 

 .edit-list-element{ position: absolute; top: 4px; left: 214px; padding-top: 5px; visibility: hidden; } 

  <a href="#" data-toggle="popover" title="List options" data-content="Some content inside popover"><span class="glyphicon list-glyphicon glyphicon-option-horizontal option-list-img"></span></a> 

I read lot of similar posts over here but none of offered ways worked.

Answer 1

Please make sure you've included the required css and scripts to run bootstrap. Kindly check the code below.

 $(function () { $('[data-toggle="popover"]').popover() }) 

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <a href="#" data-toggle="popover" title="List options" data-content="Some content inside popover"><span class="glyphicon list-glyphicon glyphicon-option-horizontal option-list-img"></span></a>