Bootstrap Tooltip

by jasenhk

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="container">
    <ul>
        <li><a id="foo" href="#" title="I know Kung Foo">Foo</a>
        </li>
        <li><a id="money" href="#" title="Show me the money" data-delay="1000">Money</a>
        </li>
    </ul>
</div>

CSS

.container {
    padding: 20px;
    margin: 20px;
}
.money-target {
    padding: 20px;
    margin: 20px;
    background-color: #ccc;
}

JavaScript

$("a").tooltip({
    placement: "top",
    trigger: "hover"
});