Wata Bootstrap 5

Wata

Bootstrap 5 ya koyar da hanyar da ake ƙoƙari ya zata samu wata da wata:

Kaddara wata ce wata ce a cikin .alert doka, kuma da doka na kuma:

  • .alert-success
  • .alert-info
  • .alert-warning
  • .alert-danger
  • .alert-primary
  • .alert-secondary
  • .alert-light
  • .alert-dark

Shirin

<div class="alert alert-success">
  <strong>Na iya! </strong>Takaitaccen wata a cikin tsaɓakanci wata ce wata ko wata ayyukan dacewa.
</div>

Kai yi kai

Rarraba wata

Rarraba wata .alert-link Doka a cikin abin da ake ƙoƙari ya haɗa da abin da ake ƙoƙari ya zata samu kama, wata ko abin da ake ƙoƙari ya zata ƙauye a cikin tsaɓakanci:

Shirin

<div class="alert alert-success">
  <strong>Na iya!</strong> A ka ƙi kiyaye wata<a href="#" class="alert-link">wata</a>.
</div>

Kai yi kai

Kammala wata

Don kammala wata, kama .alert-dismissible Doka a cikin kama na kula da wata. Kuma kama class="btn-close" da data-bs-dismiss="alert" A cikin sauki da abin da ake ƙoƙari ya haɗa da abin da ake ƙoƙari ya zata samu kama, wata ko abin da ake ƙoƙari ya zata ƙauye a cikin tsaɓakanci.

Shirin

<div class="alert alert-success alert-dismissible">
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  <strong>Na iya! </strong>Takaitaccen wata a cikin tsaɓakanci wata ce wata ko wata ayyukan dacewa.
</div>

Kai yi kai

Kaddara ayyukan kula da wata

.fade da .show Doka a cikin sauki na kammala ayyukan tsare:

Shirin

<div class="alert alert-danger alert-dismissible fade show">

Kai yi kai