title: How to make the Bootstrap 3 tooltip appear the same as in the documentation
body: <p>On Twitter Bootstrap 3, when you look at the Tooltip it appears like the one below.</p>
  
  <p><img src="https://i.stack.imgur.com/jiQpQ.png" alt="This is what appears on the Documentation"></p>
  
  <p>When I tried doing it. This is how the tooltip appears.</p>
  
  <p><img src="https://i.stack.imgur.com/ATEOT.png" alt="enter image description here"></p>
  
  <p>This is the code I used.</p>
  
  <pre><code>&lt;button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"&gt;
      Tooltip on left
  &lt;/button&gt;
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>This is my JS code</p>
  
  <pre><code>$('#tooltip1').tooltip('options')
  </code></pre>