Tooltips

I can't get tooltips to show up the way they look in the Bootstrap documentation - white text on a black background - they are shoing up in what I think is the standard html tooltip format of black text on a grey background.

I have set data-toggle="tooltip" and title="This is a tooltip".

I'm using the Bootstrap Theme and I don't think I have any Styles or javascript files in the chain that would interfere with the tooltip format.

Any ideas?

Pete

Did you fully read the documentation? :) "For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself." http://getbootstrap.com/javascript/#tooltips

Opt-in functionality

For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

One way to initialize all tooltips on a page would be to select them by their data-toggle attribute: Copy

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

Add the above JS code to your custom js file for your design.

Saj

Thanks, that fixed it.