SO tool tips

by panchroma

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://dl.dropbox.com/u/2665617/bootstrap/2013-02-12/bootstrap.css">
         <div id="example">   <a href="#" class="btn" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="" data-original-title="Popover on top">Popover on top</a><div class="popover fade top in" style="top: -58px; left: -26.5px; display: block; "><div class="arrow"></div><h3 class="popover-title">Popover on top</h3><div class="popover-content">Vivamus sagittis lacus vel augue lat rutrum faucibus.</div></div>
            <a href="#" class="btn" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="" data-original-title="Popover on right">Popover on right</a><div class="popover fade right in" style="top: 5.5px; left: 330px; display: block; "><div class="arrow"></div><h3 class="popover-title">Popover on right</h3><div class="popover-content">Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</div></div>
            <a href="#" class="btn" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="" data-original-title="Popover on bottom">Popover on bottom</a>
             <a href="#" class="btn" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="" data-original-title="Popover on left">Popover on left</a></div>

JavaScript

$('#example').popover(options);