Just wanted to share that I am currently working on this page:
I found an example that inspired me from here:
I have a feeling that Joomla might be including a resource that is causing conflicts with the popover not showing.
This is the code snippet I have in the page:
<div class="custom" >
<h2>Example of creating Modal with Twitter Bootstrap</h2>
<p>
<a class="btn btn-danger" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover" href="#" id="example" rel="popover">hover for popover</a>
</p>
</div>
And here's the script function at the bottom of the page:
<script>
$(function ()
{
$("#example").popover();
});
</script>
If you take a look at the header for Joomla, there are many resource files. I'm uncertain which one is causing the issue, or if perhaps I'm missing a required resource.