title: Bootstrap tooltip css not working
body: <p>I am trying to get the tooltip to work, which does btw, but no CSS is applied to the tooltip for reasons unknown. Since the whole site works fine in bootstrap itself (Wordpress plugin), I am scratching my head on this item.</p>
  
  <p>Code is as following.</p>
  
  <pre><code>&lt;a href="tel:&lt;?php echo $phone;  ?&gt;" data-toggle="tooltip" title="&lt;?php echo $phone; ?&gt;"  data-placement="bottom"&gt;
      &lt;span class="fa-stack fa-lg"&gt;
          &lt;i class="fa fa-circle fa-stack-2x fa-inverse"&gt;&lt;/i&gt;
          &lt;i class="fa fa-phone fa-stack-1x"&gt;&lt;/i&gt;
      &lt;/span&gt; 
  &lt;/a&gt;
  </code></pre>
  
  <p>And the JS.</p>
  
  <pre><code>$(document).ready(function(){
      $('[data-toggle="tooltip"]').tooltip(); 
  });
  </code></pre>
  
  <p>The tooltip appears unstyled on the left side of my screen (while it should be below the item) unstyled. My bootstrap plugin is up to date and runs css version (v3.3.6), so I am wondering if there is an external sheet I need to get for the bootstrap tooltip.</p>
  
  <p>It doesnt say: <a href="http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp" rel="noreferrer">http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp</a></p>