title: How to make Bootstrap 3 tooltip follow mouse?
body: <p>I have a list of links on my site that are showing images in a Bootstrap tooltip</p>
  
  <pre><code>&lt;a data-html="true" data-toggle="tooltip" title="&lt;img src='1.png' /&gt;"&gt;Item 1&lt;/a&gt;
  &lt;a data-html="true" data-toggle="tooltip" title="&lt;img src='2.png' /&gt;"&gt;Item 2&lt;/a&gt;
  &lt;a data-html="true" data-toggle="tooltip" title="&lt;img src='3.png' /&gt;"&gt;Item 3&lt;/a&gt;
  
  &lt;script type="text/javascript" language="javascript"&gt;
  
      $(document).ready(function () {
          $('a').tooltip({
              placement: "right"
          })
      }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This just brings up the tooltip to the right of all the links. The images are static though, I'd like the tooltip image to move around as the user moves their mouse around.</p>
  
  <p>You can see an example of what I want to do on this site: <a href="http://www.hearthpwn.com/decks/381677-druidereno" rel="noreferrer">http://www.hearthpwn.com/decks/381677-druidereno</a>. On the right sidebar, there's a list of cards you can hover over, and the tooltip images follow the mouse movement. Doesn't look like they use Bootstrap, I just want to emulate the functionality.</p>
  
  <p>I don't see anything to do this in the Bootstrap functionality: <a href="http://getbootstrap.com/javascript/#tooltips" rel="noreferrer">http://getbootstrap.com/javascript/#tooltips</a></p>
  
  <p>Anyone know how I can do this?</p>