Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Simple Bootstrap tooltip example not working

I'm trying to get bootstrap tool tips working in a simple example. Here's a link to the fiddle: http://jsfiddle.net/TXPWK/

The tool tip is displaying, however it's just plain text. Thanks for any help

like image 423
Jimmy Burgess Avatar asked Jul 20 '12 18:07

Jimmy Burgess


People also ask

How do I enable bootstrap tooltip?

Tooltips can be enabled via JavaScript — just call the tooltip() Bootstrap method with the id , class or any CSS selector of the target element in your JavaScript code. You can either initialize tooltips individually or all in one go.

How do I enable tooltip in bootstrap 5?

To create a tooltip, add the data-bs-toggle="tooltip" attribute to an element. Note: Tooltips must be initialized with JavaScript to work.

How do I force a tooltip to show?

To trigger a tooltip to show up you need to use the 'show' option of the tooltip. Here is an example. Replace #element with your own selector.

Are bootstrap tooltips accessible?

As you may know, the Twitter bootstrap tooltips are not accessible (I.E. they are not being read by screen readers).


1 Answers

Broken CSS and the JS needed some fixin' too.

http://jsfiddle.net/ajkochanowicz/TXPWK/6/

like image 87
Adam Grant Avatar answered Nov 02 '22 22:11

Adam Grant