<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="bs-example"> <p class="popover-examples"> <a href="#" title="Popover Left" data-placement="left" data-content="And here's some amazing content. It's very engaging."></a> </p> </div>

.bs-example{ margin-left:350px; margin-top:30px; } .popover-examples{ margin-bottom: 60px; }

$(document).ready(function(){ $(".popover-examples a").popover('show'); });