title: Initiate Bootstrap tooltip manually
body: <p>With bootstrap popovers, you are able to control when to hide and show them on any element </p>
  
  <pre><code>&lt;span id="span"&gt;Click me&lt;/span&gt;
  
  &lt;script&gt;
  $('#span').click(function(){
      $(this).popover({
          title: 'some title',
          content: 'nice popover',
          trigger: 'manual',
          placement:'top',
          html: true
      }).popover('show');
      clickedAway = false
      isVisible = true
  });
  $(document).click(function() {
      if(isVisible &amp; clickedAway){
          $('#span').popover('hide')
      isVisible = clickedAway = false
      }else{
      clickedAway = true
      }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I accomplish the same with bootstrap tooltips?  The difference with popovers and tooltips seems to be that tooltips are initiated on DOM load and popovers can be initiated manually from an event listener.  </p>