title: how to add animation on bootstrap Tooltip?
body: <p>Is there any way to add slide down animation on bootstrap tooltip, when hover.</p>
  
  <p><code>&lt;img src="assets/images/icons/facebook.png" alt="facebook" data-toggle="tooltip" data-placement="top" title="Find us on facebook"&gt;</code></p>
  
  <pre><code> $(function () {
     $('[data-toggle="tooltip"]').tooltip({
       animation: 'fade'
     });
  })
  </code></pre>
  
  <p>By default it is fade, but when I use some animation on it it dose not work.</p>
  
  <p>I have tried to use <a href="http://daneden.github.io/animate.css/" rel="nofollow">animate.css</a> but same issue occurred. </p>
  
  <pre><code> $(function () {
     $('[data-toggle="tooltip"]').tooltip({
       animation: 'animated slideInDown'
     });
  })
  </code></pre>