Bootstrap Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<a id="button" href="#" class="btn btn-danger">Click for popover</a>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
http://jsfiddle.net/mainerror/D2RLR/
.container {
    margin-top: 10px;
}

JavaScript

$('#button').popover({
    trigger: 'manual',
    position: 'bottom',
    title: 'Example',
    content: 'Popover example for SO'
}).click(function(evt) {
    evt.stopPropagation();
    $(this).popover('show');
});

$('html').click(function() {
    $('#button').popover('hide');
});