title: Reload Bootstrap Toast without reload the page (with django)
body: <p><strong>EDIT :</strong>
  I succeed to show the message but the data-delay is not respected, the toast does not disappear.</p>
  <pre><code>&lt;div id=&quot;result&quot; aria-live=&quot;polite&quot; aria-atomic=&quot;true&quot; style=&quot;position: relative&quot;&gt;
          &lt;div style=&quot;position: absolute; top: 12px; right: 12px;&quot; &gt;
              {% for message in messages %}
                      &lt;div class=&quot;toast d-flex toast-success&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; aria-atomic=&quot;true&quot; data-delay=&quot;3000&quot;&gt;
                          &lt;div class=&quot;toast-header toast-success shadow-none&quot; &gt;
                              &lt;i class=&quot;fas fa-check&quot;&gt;&lt;/i&gt;
                          &lt;/div&gt;
                          &lt;div class=&quot;toast-body&quot;&gt;
                              {{message}} 
                          &lt;/div&gt;
                      &lt;/div&gt;
              {% endfor %}
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>Original message :</p>
  <p>I have a bootstrap toast (v 4.5.3)</p>
  <pre><code>&lt;div class=&quot;toast d-flex toast-success&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; aria-atomic=&quot;true&quot; data-delay=&quot;3000&quot;&gt;
      &lt;div class=&quot;toast-header toast-success&quot;&gt;
           &lt;i class=&quot;fas fa-check&quot;&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class=&quot;toast-body&quot;&gt;
           {{message}} 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>After submiting a form with Ajax POST I want to reload the Toast to show the new message generated in my django view. Can I do that without reloading the entire page ?</p>