twitter bootstrap popover

by uday99

HTML

<script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-twipsy.js"></script>
<script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-popover.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<a href="#" id="example" class="btn large primary" rel="popover" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

CSS

#example {position: absolute; top: 100px; left: 100px;}

JavaScript

$(document).ready(function() {
$(function ()
{ $("#example").popover({trigger: 'focus'});
});

});