Bootstrap Popover not working

Bootstrap Popover not working : For bootstrap popover you need to call the .popover() in javascript.

Steps to fix Bootstrap Popover not working

Make sure you have included bootstrap js.

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

And have called the .popover() properly in javascript.

<script>
$(document).ready(function(){
    $('[data-toggle="popover-plugin"]').popover(); 
});
</script>

And you html part should call like this.

 <a href="#" title="Bootstrap Popover Plugin Working Demo" data-toggle="popover-plugin" data-placement="top" data-content="Demo Content">Click</a>

For full code and working demo you can refer this article.
Bootstrap Popover Demo With Complete Code


Advertisements

Add Comment

📖 Read More