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.1.0/bootstrap.min.js"></script>
<div class="container">
    <a id="popoverData" class="btn" href="#" data-content="<img src='http://i.imgur.com/7UeNEDa.jpg' width='100%'>" rel="popover" data-placement="bottom" data-original-title="Cancel <span class='btncancel glyphicon glyphicon-remove' name='btncancel' id='btncancel' ></span>" data-trigger="click">Popover with data-trigger</a>  
    
</div>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');

.container {
    margin: 40px;
}

JavaScript

$('#popoverData').popover({ html: true });
$('body').on('click', '#btncancel', function(){
    $('#popoverData').popover('hide');
});