title: Tooltip not working (Bootstrap)
body: <p>I am new to Bootsrap and I am just getting to know it. I am trying to use the tooltip javascript utility, I have done everything how it's supposed to be done according to the webpage, the source code I saw and some answers I found here, but it doesn't work.</p>
  
  <p>Here's where I intend to use it in the HTML:</p>
  
  <pre><code>&lt;!-- Hola mundo --&gt;
  &lt;div class="row"&gt;
    &lt;div class="starter-template tab-content"&gt;
      &lt;div class="tab-pane fade in active tooltip-demo" id="home"&gt;
        &lt;h1&gt;¡Hola, mundo!&lt;/h1&gt;
        &lt;p class="lead"&gt;Nunc sit amet nunc dui. &lt;a href="#" data-toggle="tooltip" data-original-title="Pista 1"&gt;Aliquam&lt;/a&gt; nec viverra mi, et pellentesque sem. In dapibus sem ut consectetur dignissim. &lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /div#home --&gt;
    &lt;/div&gt;
    &lt;!-- /div.starter-template --&gt;
  &lt;/div&gt;
  &lt;!-- /div.row --&gt;
  </code></pre>
  
  <p>Since the utility needs to be loaded manually, this is what I did:</p>
  
  <pre><code>&lt;script&gt;
    $(document).ready(function (){
      $('.tooltip-demo').tooltip({
        selector: "[data-toggle=tooltip]",
        container: "body"
      })
    });
  </code></pre>
  
  <p>This script is loaded at the footer of the page, after jQuery being loaded.</p>