Quick 'n' Dirty Tooltip

Bootstrap or jQuery

by Rynne Cowham

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
 <h3>
      Copy All Stats
      <a href="http://get.adobe.com/flashplayer/" target="_new" data-toggle="tooltip" data-original-title="One-click copy requires latest Adobe Flash update." title="One-click copy requires latest Adobe Flash update.">
          <i class="icon-info-sign icon-help"></i>
      </a>
  </h3>

CSS

h3 {
    margin-top:40px;
    color:#c00;
}
h3 a { vertical-align:-10%; }

JavaScript

$(document).ready(function () {
    $("[data-toggle=tooltip]").tooltip({
        placement: 'top'
    });
});