title: toasts animation in bootstrap
body: <p>across the <a href="https://getbootstrap.com/docs/4.3/components/toasts/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.3/components/toasts/</a> </p>
  
  <p><code>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".</code></p>
  
  <p>want to have a toasts with fadein and fadeout,imported jquery and bootstrap4.3.1.js and bootstrap4.3.1.css
  so simple code below:</p>
  
  <pre><code>&lt;script&gt;$("#errortip").toast('show')&lt;/script&gt;
  &lt;div id="errortip" role="alert" aria-live="assertive" aria-atomic="true" class="toast" ** data-animation="true" ** data-autohide="true" data-delay="8000" style="position: absolute; top: 0; right: 0;"&gt;
    &lt;div class="toast-header"&gt;
      &lt;img src="error.svg" class="rounded mr-2" alt="..."&gt;
      &lt;strong class="mr-auto text-danger"&gt;Error&lt;/strong&gt;
      &lt;small&gt;11 mins ago&lt;/small&gt;
      &lt;button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"&gt;
        &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="toast-body"&gt;
      error
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>expect a toasts showed with fade in and waitting for 8s then disappear with fade out,but there only direct show and disappear,no fade in and fade out.</p>