Tooltips with Bootstrap

Help your users understand stuff better in your app or website with tooltips:

<span title=”Push it real good” data-toggle=”tooltip”>
  Push It
</span>

Initializing them

You’ll need to initialize tooltips via JavaScript:

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

Tooltip placement

Want your tooltip over, under or to the side of your element? Add the data-placement attribute on your element:

<a href=”#” data-toggle=”tooltip”
data-placement=”left”
title=”Knock you out”>
  Mama said
</a>

Quick tip

Don’t forget to include jQuery and bootstrap.js as these are necessary for tooltips to work.