Bootstrap Tooltips

by chad

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<div class="hero-unit">
    <h1>Tooltip Test</h1>
    <p><a href="#" rel="tooltip" title="first tooltip
first tooltip first tooltip
first tooltip first tooltip first tooltip
first tooltip first tooltip first tooltip first tooltip first tooltip first tooltip first tooltip first tooltip" class="example">tooltip</a></p>
</div>

CSS

.tooltip-inner {
    white-space:pre-wrap;
}

JavaScript

$('.example').tooltip();