<div

  class="toast fade mx-auto"

  id="basic-info-example"

  role="alert"

  aria-live="assertive"

  aria-atomic="true"

  data-mdb-autohide="true"

  data-mdb-delay="2000"

  data-mdb-position="top-right"

  data-mdb-append-to-body="true"

  data-mdb-stacking="true"

  data-mdb-width="350px"

  data-mdb-color="info"

>

  <div class="toast-header text-white">

    <strong class="me-auto">MDBootstrap</strong>

    <small>11 mins ago</small>

    <button type="button" class="btn-close btn-close-white" data-mdb-dismiss="toast" aria-label="Close"></button>

  </div>

  <div class="toast-body text-white">Info Basic Example</div>

</div>

​

​