Bootstrap Popover - original

by mjauerni

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div>
    <button type="button" class="btn btn-default" data-toggle="popover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.">Popover</button>
</div>
<div style="margin-top:20px;">
    <button type="button" class="btn btn-default" data-toggle="popover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.">Popover</button>
</div>

CSS

body { margin: 50px; }

JavaScript

$('[data-toggle="popover"]').popover();