title: Bootstrap tool tip on label not working
body: <p>When I hover over the label bootstrap tool tip does not work like the way on the javascript tool tip examples <code>http://getbootstrap.com/javascript/#tooltips</code></p>
  
  <p>I am trying to get my tool tip label to work on the same way as the top button tool tip example.</p>
  
  <p>For some reason on my example it only shows the default way. How can I get my label to show tool tip like bootstrap tool tip top example?</p>
  
  <p>My example <a href="http://codepen.io/riwakawebsitedesigns/pen/KhDAz" rel="nofollow">http://codepen.io/riwakawebsitedesigns/pen/KhDAz</a></p>
  
  <pre><code>&lt;div class="form-group required"&gt;
  &lt;label class="col-sm-2 control-label" for="input-url"&gt;&lt;span data-toggle="tooltip" data-html="true" title="Test Tool Tip"&gt;URL&lt;/span&gt;&lt;/label&gt;
  &lt;div class="col-sm-10"&gt;
  &lt;input type="text" name="config_url" value="" placeholder="" id="input-url" class="form-control" /&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  Sample Button test.
  &lt;button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top"&gt;Tooltip on top&lt;/button&gt;
  </code></pre>