Bootstrap 3.0 Popover Sample

by manishie

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<p><a href="#" class="btn btn-primary">click me</a>
</p>
<p><a href="#" class="btn btn-primary">or click me</a>
</p>
<p><a href="#" class="btn btn-primary">or even click me</a>
</p>

JavaScript

$(function () {

    $('.btn').popover({
        content: function () {
            // do anything you want here.
            // use $(this) to refer to the current element
            
            return 'this appears for all the popovers!  The button you clicked said: "' + $(this).html() + '"';
        }
    });
});