Bootstrap 3 Skeleton

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

by André Albson

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
   <div class="pop-div">
    <a href="#" data-toggle="popover" title="<strong>Notifiche</strong>" data-html="true" data-content="Notification 1<hr />Notification 2<hr />Notification 3 <hr />Notification 4">Notifications</a>
    </div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

body {
    margin: 40px;
}

.popover-content {
height: 50px;
overflow-y: scroll;
}

JavaScript

$('[data-toggle="popover"]').popover({
    placement: 'bottom',
    trigger: 'click'
});

/*
//hide popover when click outside
$(document).on('click', function (e) {
   $('[data-toggle="popover"]').each(function () {
       if ($(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
         $(this).popover('hide');
       }
    });
});
*/