Bootstrap 2.3.2 Tooltip
by Kyle Mitofsky
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<button title="Reset Pricing" type="button"
class="btn btn-mini resetPrice"
data-placement='bottom'>
<i class="icon-refresh"></i>
</button>
<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;
background:lightgray;width:100%;'>
About this SO question: <a href='http://stackoverflow.com/q/16619819/1366033'>Twitter Bootstrap tooltip not working on button</a><br/>
Find documentation: <a href='http://getbootstrap.com/2.3.2/javascript.html#tooltips'>Bootstrap Tooltips</a><br/>
External JS File: <a href='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js'>bootstrap.min.js</a><br/>
External Style Sheet: <a href='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css'>bootstrap-combined.min.css</a>
<div>
JavaScript
$(function() {
$('.resetPrice').tooltip();
});