0

I'm trying to change a bootstrap tooltip color and here I've found a very promising answer for that:

Change bootstrap tooltip color

But, the JSFiddle quoted by Praveen Kumar is not working.

When I go mouseover Tooltip in bottom nothing happens, no tooltip appears.

Anyone knows why this JSFiddle is not working?

Community
  • 1
  • 1
Davo
  • 129
  • 2
  • 13
  • 3
    The external resources that the fiddle links to ``bootstrap.css`` and ``bootstrap-tooltip.js`` do not exist. Things have changed a lot since bootstrap 2. – Nick Tomlin Nov 18 '13 at 17:54
  • You can find these resources on the side under "External Resources". [**Video demo**](http://screencast.com/t/CfKsscy8CAX). As the videos show, [bootstrap.css](http://twitter.github.io/bootstrap/assets/css/bootstrap.css) and [bootstrap-tooltip.js](http://twitter.github.io/bootstrap/assets/js/bootstrap-tooltip.js) just forward to the front page of the documentation. – h2ooooooo Nov 18 '13 at 17:58

2 Answers2

0

Because nothing is mentioned in title field and you need to add extra extensions i.e jQuery UI 1.9.2.Try this:

<a href="#" data-toggle="tooltip" data-placement="bottom"
   title="hello" data-original-title="Tooltip on bottom"
   class="red-tooltip">Tooltip on bottom</a> 

<!--Title field was blank earlier.Now i added a text 'hello'-->

Demo

Joke_Sense10
  • 5,341
  • 2
  • 18
  • 22
0

Because the external resources have been moved. You can find these in the side of JSFiddle:

External Resources JSFiddle

Specifically the links have moved from/to:

http://twitter.github.io/bootstrap/assets/css/bootstrap.css -> http://getbootstrap.com/2.3.2/assets/css/bootstrap.css

and likewise

http://twitter.github.io/bootstrap/assets/js/bootstrap-tooltip.js -> http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js

Here's the updated version of the Fiddle with the correct resource paths

I've also updated the original answer with the updated fiddle.
h2ooooooo
  • 39,111
  • 8
  • 68
  • 102