title: bootstrap tooltip does not work in chrome (on deployment only)?
body: <p>I'm using bootstrap's tooltip and it's working fine on different browsers (including chrome) when it runs local. </p>
  
  <p>When I'm running it online it does not respond in chrome, but in safari for example it does.
  This is my jquery code for initiating:</p>
  
  <pre><code> $('#cdssdemo, #contactemail, #contactphone')
     .tooltip()
     .click(function(e) { 
         e.preventDefault(); 
         $(this).focus(); 
     });
  </code></pre>
  
  <p>This is an example element for tooltip:</p>
  
  <pre><code>&lt;li&gt;
      &lt;a href="tel:0000"&gt;
          &lt;i class="fa fa-phone" data-toggle="tooltip" title="0000" id="contactphone"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Any help is appreciated. Thanks.</p>