부트스트랩 토스트

<a href="#" data-toast="notification-1" data-bs-dismiss="toast">

            <i class="fab font-17 fa-apple color-gray-dark"></i>

            <span>iOS Style</span>

            <i class="fa fa-angle-right"></i>

        </a>

 

 

<div id="notification-1" data-bs-dismiss="toast" data-bs-delay="2000" data-bs-autohide="true" class="toast w-auto notification notification-ios bg-dark-dark notch-push mt-3">

  <span data-bs-dismiss="toast" class="notification-icon">

      <i class="fa fa-bell"></i>

      <em>Enabled</em>

      <i  class="fa fa-times-circle"></i>

  </span>

  <h1 class="font-15 color-white mb-n3">All Good</h1>

  <p class="pt-2">

      I'm a notification. I show at the top or bottom of the page.

  </p>

</div>