Using Popover on Hover with Twitter Bootstrap in Joomla 3
Recently I use it in a website for my client. I wrote the following code for my Popover:
<a rel="popover" data-placement="bottom" data-trigger="hover" data-content="Let us see what is inside..." data-original-title="Tips" href="/my_link_goes_here">
Lastly, Popover is triggered using this following jQuery code:
In my HTML mark, I used "data-trigger="hover"" to show popover on cursor hover. There are four options for "data-trigger": click, hover, focus and manual.
Hope this helps!!!!
- Category: Joomla 3.0