Bootstrap tooltip on mouse hover popover effect

Question

I am using bootstrap tool-tip. And the normal tool-tip is shown on mouse over on the object of tool-tip but i want tool-tip popover like that is shown bootstrap documentation and i using all of .js and .css file but that is not comming proper way of requirement. And am using these some files:-

<script language="javascript">
   $(document).ready(function(){
    $("[rel='tooltip']").tooltip();
    })
</script>

And Html with img that hover tool-tip is open:-

<a href="#" rel='tooltip' data-placement='bottom' title="App_above_and_beyond">
    <img src="img/app_above_and_beyond.jpg" alt="App_above_and_beyond" />
</a>

And also using bootstrap-tooltip.js file

<script type="javascript" src="js/bootstrap-tooltip.js" ></script>

Have you seen this answer? http://stackoverflow.com/a/18027268/1156668 — ED-209, Nov 25 '13 at 11:58
I'm not sure what your question is. Basic tooltips work fine in [this fiddle](http://jsfiddle.net/ringstaff/ufKMg/17/) using your method above. What do you need it to do? — ringstaff, Nov 25 '13 at 14:34

score 0 · Answer 1 · answered Nov 25 '13 at 16:10

0

Check this fiddle

make sure you have this JS file

http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-tooltip.js

answered Nov 25 '13 at 16:10

ppollono

3,421
1
19
29

But i am using here a plugin list slider [http://als.musings.it/] that is stop working tool-tip function. – user010590 Nov 26 '13 at 07:02

Bootstrap tooltip on mouse hover popover effect

1 Answers1