Akara

Akwụkwọ na ihe atụ maka baajị, obere ọnụ ọgụgụ anyị na akụrụngwa akara.

Ọmụmaatụ

Ọnụọgụ baajị iji dakọọ nha nke mmewere nne na nna ozugbo site na iji nha mkpụrụedemede ikwu na emnkeji.

Isi ihe atụ Ọhụrụ

<h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6>

Enwere ike iji baajị dịka akụkụ nke njikọ ma ọ bụ bọtịnụ iji nye counter.

<button type="button" class="btn btn-primary">
  Notifications <span class="badge badge-light">4</span>
</button>

Rịba ama na dabere na otu esi eji ha, baajị nwere ike ịgbagwoju anya maka ndị na-agụ ihuenyo yana teknụzụ enyemaka yiri ya. Ọ bụ ezie na ịke baajị na-enye ihe ngosi anya maka ebumnuche ha, naanị ndị ọrụ a ga-egosipụta ọdịnaya nke baajị ahụ. Dabere na ọnọdụ a kapịrị ọnụ, baajị ndị a nwere ike ịdị ka okwu ma ọ bụ ọnụọgụ agbakwunyere enweghị usoro na njedebe nke ahịrịokwu, njikọ, ma ọ bụ bọtịnụ.

Ọ gwụla ma ihe gbara ya gburugburu doro anya (dị ka ọ dị na ihe atụ “Ọma Ọkwa”, ebe a ghọtara na “4” bụ ọnụọgụ ọkwa), tụlee itinye mgbakwunye mgbakwunye yana mpempe ederede agbakwunyere na anya.

<button type="button" class="btn btn-primary">
  Profile <span class="badge badge-light">9</span>
  <span class="sr-only">unread messages</span>
</button>

Ọdịiche dị n'okwu

Tinye nke ọ bụla n'ime klaasị mgbanwe ndị a kpọtụrụ aha n'okpuru iji gbanwee ọdịdị nke baajị.

Isi Secondary Ihe ịga nke ọma Ihe egwu Ịdọ aka ná ntị Ozi Ìhè Ọchịchịrị

<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>

Na-eme ka ọ pụta ìhè na teknụzụ enyemaka

Iji agba iji gbakwunye ihe ọ pụtara naanị na-enye ihe ngosi anya, nke a na-agaghị ebugara ndị ọrụ teknụzụ enyemaka - dị ka ndị na-agụ ihuenyo. Gbaa mbọ hụ na ozi nke agba gosipụtara pụtara ìhè site na ọdịnaya n'onwe ya (dịka ederede a na-ahụ anya), ma ọ bụ tinye ya site na ụzọ ọzọ, dị ka ederede agbakwunyere zoro ezo na .sr-onlyklaasị.

baajị ọgwụ

Jiri .badge-pillklaasị modifier mee ka baajị dị okirikiri karịa (nwere nnukwu border-radiusna agbakwunyere kehoraizin padding). Ọ bara uru ma ọ bụrụ na ị tufuru baajị v3.

Isi Secondary Ihe ịga nke ọma Ihe egwu Ịdọ aka ná ntị Ozi Ìhè Ọchịchịrị

<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-light">Light</span>
<span class="badge badge-pill badge-dark">Dark</span>

Njikọ

Iji .badge-*klaasị gburugburu na <a>mmewere na-enye baajị ndị nwere ike ime ngwa ngwa na ọnọdụ ntugharị na mgbado anya.

Isi Secondary Ihe ịga nke ọma Ihe egwu Ịdọ aka ná ntị Ozi Ìhè Ọchịchịrị

<a href="#" class="badge badge-primary">Primary</a>
<a href="#" class="badge badge-secondary">Secondary</a>
<a href="#" class="badge badge-success">Success</a>
<a href="#" class="badge badge-danger">Danger</a>
<a href="#" class="badge badge-warning">Warning</a>
<a href="#" class="badge badge-info">Info</a>
<a href="#" class="badge badge-light">Light</a>
<a href="#" class="badge badge-dark">Dark</a>