title: Bootstrap: hover over the tooltip text to click a link
body: <p>I am using the tooltip tool in Bootstrap 3.x in my web app to show helpful info. It works in this way:</p>
  
  <pre><code>$('[data-toggle="tooltip"]').tooltip({
          'animation': true,
          'placement': 'top',
          'trigger': 'hover', 
          'html':true,
          'container': 'body'
  });
  </code></pre>
  
  <p>Please note that I <strong>have to</strong> use hover to trigger the tooltip. Now I need to add a new tooltip and its tooltip text contains a HTML link. A visitor should be able to mouse over the tooltip text to click the link.</p>
  
  <p>The problem is that when a visitor moves his mouse, the tooltip text disappears before he can reach the tooltip text area. </p>