Twitter Bootstrap: Content Appears When Button is Clicked, But Content Should Show on 'Hover' - What's Wrong Please?
<p>Thanks in anticipation of help.</p>

<p>Using the W3C Bootstrap popover tutorial I got the below Code.  Using Visual Studio the webpage runs fine; however, the content "It's so simple to create a tooltop for my website!" should show when the button is hovered over (as in the 1st demo here: <a href="http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php" rel="nofollow">http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php</a>)</p>

<p>But, it doesn't - you have to click the button - why is howver not working?</p>

<p>I have these three files in my project root:</p>

<pre><code>&lt;script src="js/jquery.js"&gt;&lt;/script&gt;  
&lt;script src="js/bootstrap-tooltip.js"&gt;&lt;/script&gt;  
&lt;script src="js/bootstrap-popover.js"&gt;&lt;/script&gt; 
</code></pre>

<p>and I have tried adding a trigger like this -</p>

<pre><code>{ $("#example").popover({trigger: 'hover'});, 
</code></pre>

<ul>
<li>but that did not work either:</li>
</ul>

<p>What am I missing please?</p>

<p>Thanks.</p>
