title: How to disable bootstrap popover on tap in mobile device
body: <p>I am getting one major issue of bootstrap popover, it's working fine in desktop but not in mobile, When I tap on button which has pophover it's opening tooltip at first tap and firing event on second tap.</p>
  
  <blockquote>
    <p><strong>In sort :</strong> bootstrap popover not firing event in one tap in mobile device, It's showing tool-tip instead. </p>
  </blockquote>
  
  <p>I want to get it disabled on mobile devices, or fire event with tooltip.</p>
  
  <p>Let me show codes:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;h3&gt;Popover Example&lt;/h3&gt;
    &lt;a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content" class=""&gt;Hover over me&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>$('[data-toggle="popover"]').popover();   
      $('[data-toggle="popover"]').click(function(){
          alert("I am clicked");
  })
  </code></pre>
  
  <p>What I tried</p>
  
  <pre><code>var win = $(window).width();
     if(win&lt;767) {
        $('[data-toggle="popover"]').removeAttr('data-toggle');
        // Or something like this disable popover
        $('[data-toggle="popover"]').popoverDisabled();
      }
  </code></pre>
  
  <p>So, Is there any function or attributes which can fix this, any help/suggestion would be appreciate.</p>