in English

Ba alertes

Pesa ba messages ya réaction contextuel pona ba actions typiques ya usager na loboko ya ba messages ya alerte oyo ezali pe flexible.

Bandakisa

Ba alertes ezali mpo na bolai nyonso ya makomi, mpe lisusu bouton ya koboya oyo okoki kopona. Mpo na kosala lolenge malamu, salelá moko ya bakelasi mwambe oyo esengeli.alert-success na makambo oyo ezali na kati (ndakisa, ). Mpo na bolongolami na kati ya molongo, salelá plugin ya ba alertes jQuery .

Alerte primaire moko ya pete —tala yango!

Alerte secondaire ya pete —tala yango!

Alerte ya succès ya pete —tala yango!

Likebisi ya pɛtɛɛ ya likama —talá yango!

Likebisi ya pɛtɛɛ ya likebisi —talá yango!

Alerte ya info moko ya pete —tala yango!

Alerte ya pole ya pete —tala yango!

Alerte ya molili ya pete —tala yango!

<div class="alert alert-primary" role="alert">
  A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
  A simple secondary alert—check it out!
</div>
<div class="alert alert-success" role="alert">
  A simple success alert—check it out!
</div>
<div class="alert alert-danger" role="alert">
  A simple danger alert—check it out!
</div>
<div class="alert alert-warning" role="alert">
  A simple warning alert—check it out!
</div>
<div class="alert alert-info" role="alert">
  A simple info alert—check it out!
</div>
<div class="alert alert-light" role="alert">
  A simple light alert—check it out!
</div>
<div class="alert alert-dark" role="alert">
  A simple dark alert—check it out!
</div>

Kopesa ndimbola na ba technologies ya kosunga

Kosalela langi mpo na kobakisa ndimbola epesaka kaka elembo ya komona, oyo ekopesama te na basaleli ya mayele ya kosunga – lokola batángi ya écran. Sala ete sango oyo elakisami na langi ezala polele uta na makambo yango moko (ndakisa makomi oyo ezali komonana), to ekotisama na nzela ya mayele mosusu, lokola makomi ya kobakisa oyo ebombami elongo na .sr-onlykelasi.

Lien ya couleur

Salelá .alert-linkkelasi ya utilitaire mpo na kopesa nokinoki ba liens ya langi oyo ekokani na kati ya likebisi nyonso.

Alerte primaire ya pete na lien ya ndakisa . Pesa yango clic soki olingi.

Alerte secondaire simple na lien ya exemple . Pesa yango clic soki olingi.

Alerte ya succès simple na lien ya exemple . Pesa yango clic soki olingi.

Alerte ya likama ya pete na lien ya ndakisa . Pesa yango clic soki olingi.

Alerte ya likebisi ya pete na lien ya ndakisa . Pesa yango clic soki olingi.

Alerte ya info moko ya pete na lien ya ndakisa . Pesa yango clic soki olingi.

Alerte ya lumière simple na lien ya exemple . Pesa yango clic soki olingi.

Alerte ya molili ya pete na lien ya ndakisa . Pesa yango clic soki olingi.

<div class="alert alert-primary" role="alert">
  A simple primary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-secondary" role="alert">
  A simple secondary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-success" role="alert">
  A simple success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-danger" role="alert">
  A simple danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-warning" role="alert">
  A simple warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-info" role="alert">
  A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-light" role="alert">
  A simple light alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>
<div class="alert alert-dark" role="alert">
  A simple dark alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
</div>

Makambo mosusu oyo ezali na kati

Ba alertes ekoki pe kozala na ba éléments HTML ya kobakisa lokola ba têtes, ba paragraphes na ba diviseur.

Longonya!

Aww yeah, otangi na succès message ya alerte oyo ya important. Texte oyo ya exemple ekokende mua molayi po omona ndenge nini espacement na kati ya alerte esalaka na genre ya contenus oyo.

Ntango nyonso oyo osengeli, kobosana te kosalela ba utilitaires ya marge mpo na kobatela makambo malamu mpe na molɔngɔ.

<div class="alert alert-success" role="alert">
  <h4 class="alert-heading">Well done!</h4>
  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
  <hr>
  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
</div>

Kobengana na mosala

Na kosalelaka plugin ya JavaScript ya alerte, ezali possible ya koboya alerte nionso na kati ya ligne. Talá ndenge oyo:

Bozala sûr que o charger plugin ya alerte, to JavaScript ya Bootstrap oyo e compilé.
Soki ozali kotonga JavaScript na biso uta na source, esengiutil.js . Version oyo esangisi yango ezali na likambo yango.
Bakisa bouton ya kolongolama mpe .alert-dismissiblekelasi, oyo ebakisi padding ya likolo na loboko ya mobali ya alerte mpe etie .closebouton.
Na bouton ya koboya, bakisa data-dismiss="alert"attribut, oyo e déclencher fonctionnement ya JavaScript. Bozala sûr ya kosalela <button>élément na yango pona comportement propre na kati ya ba appareils nionso.
Pona ko animer ba alertes tango ozali ko rejeter yango, sala makasi obakisa ba .fadeclasses na .show.

Okoki komona yango na action na démonstration en direct:

Guacamole mosantu! Osengeli kokɔta na mwa bisika yango oyo ezali awa na nse.

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

Etamboli ya JavaScript

Ba déclencheur

Bofungola bolongolami ya likebisi na nzela ya JavaScript:

$('.alert').alert()

To na ba dataattributs na bouton moko na kati ya alerte , ndenge elakisami likolo:

<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

Yeba ete kokanga alerte ekolongola yango na DOM.

Ba méthodes ya kosala

Metode	Ndimbola
`$().alert()`	Esalaka alerte koyoka ba événements ya clic na ba éléments descendants oyo ezali na `data-dismiss="alert"`attribut. (Ezali na ntina te ntango ozali kosalela auto-initialisation ya data-api.)
`$().alert('close')`	Ekangaka alerte na kolongola yango na DOM. Soki ba classes `.fade`mpe `.show`ezali na élément, alerte ekosila liboso ya kolongola yango.
`$().alert('dispose')`	Ebebisaka alerte ya élément moko.

$('.alert').alert('close')

Makambo oyo esalemaki

Plugin ya alerte ya Bootstrap e exposer mua ba événements pona ko crochet na fonctionnalité ya alerte.

Likambo	Ndimbola
`close.bs.alert`	Evenement oyo ezo beta mbala moko tango `close`méthode ya instance ebengami.
`closed.bs.alert`	Evenement oyo ezo beta tango alerte ekangami (ekozela ba transitions ya CSS esila).

$('#myAlert').on('closed.bs.alert', function () {
  // do something...
})