title: Bootstrap Alert does not fade and Sliding up
body: <p>My bootstrap alerts are not working with CSS animation class <code>fadeout</code>. As mentioned in BS documentation <code>closed.bs.alert</code> does: <code>This event is fired when the alert has been closed (will wait for CSS transitions to complete).</code>
  But I want to fade and sildeUp the alert.</p>
  
  <h2>JavaScript</h2>
  
  <pre><code>$('.alert').each(function(index, el) {
     $(this).on('closed.bs.alert', function(){
       $(this).addClass('animated fadeOut')
     })
  });
  </code></pre>
  
  <p>Can I use jQuery <code>fadeOut</code> method and <code>slideUp</code> to do the work?</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;div class="alert alert-success"&gt;
      &lt;button type="button" class="close" data-dismiss="alert" aria-hidden="true"&gt;×&lt;/button&gt;
      &lt;p&gt;&lt;i class="fa fa-check"&gt;&lt;/i&gt; &lt;strong&gt;Success Message ! &lt;/strong&gt;You have successfully registered&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>