title: Bootstrap content smooth slideup when closing alert
body: <p>I have following code to auto-close Bootstrap alert after 5 seconds</p>
  
  <pre><code>$(".alert").alert();
  window.setTimeout(function() { $(".alert").alert('close'); }, 5000);
  </code></pre>
  
  <p>When closing alert, content jumps top not very smoothly. Is it somehow possible to get content slide smoothly into place?</p>
  
  <hr>
  
  <p><strong>EDIT:</strong> Now the code is working correctly when I'm <a href="http://jsfiddle.net/e3k5jnyw/2/" rel="noreferrer">testing it on JSFiddle</a>, but when I'm using it on my server, only half of it works. The alert is fading out after 3 seconds, but if I press Close button, nothing happens.</p>
  
  <p>Following is my code. Maybe the problem is PHP echo, because the code is exactly the same as on <a href="http://jsfiddle.net/e3k5jnyw/2/" rel="noreferrer">JSFiddle</a>.</p>
  
  <pre><code>echo "&lt;div class=\"alert alert-success\" role=\"alert\"&gt;".$message."&lt;button type=\"button\" class=\"close\"&gt;&lt;span aria-hidden=\"true\"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;";
  </code></pre>