Tooltips with Bootstrap

You’ll need to initialize tooltips via JavaScript:

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

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>

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