Bootstrap 3.0 Tooltip

by Kyle Mitofsky

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<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/javascript/#tooltips'>Bootstrap Tooltips</a><br/>
    External JS File: <a href='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'>bootstrap.min.js</a><br/>
    External Style Sheet: <a href='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'>bootstrap.min.css</a><br/>
    External Fonts / Icons: <a href='http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css'>font-awesome.min.css</a>
<div>

JavaScript

$(function() {
    $('.resetPrice').tooltip();
});