title: How can we make popover appear in the list items of the navbar in twitter bootstrap css?
body: <pre><code>      &lt;nav class="navbar navbar-inverse navbar-fixed-top my-header" &gt; 
  
      &lt;div class="navbar-header"&gt;
  
    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
      &lt;span class="sr-only "&gt; Toggle navigation&lt;/span&gt;
      &lt;span class="icon-bar "&gt;&lt;/span&gt;
      &lt;span class="icon-bar "&gt;&lt;/span&gt;
      &lt;span class="icon-bar "&gt;&lt;/span&gt;
     &lt;/button&gt;
      &lt;ul class ="nav navbar-nav&gt;
      &lt;li&gt;&lt;a href="#" class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="content" role="button" data-original-title="Title"&gt;Hover to toggle popover&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
        &lt;/div&gt;
        &lt;/nav&gt; 
  </code></pre>
  
  <p>althought i have keep the data-toggle="popover"  it is not appearing in the link of navbar in of the twitter bootstrap.</p>