Ikarita
Inyandiko n'ingero kuri badges, kubara kwacu hamwe no gushiraho ibimenyetso.
Ibipimo byerekana guhuza ubunini bwibintu byababyeyi byihuse ukoresheje ubunini bwimyandikire em.
<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>Ibirango birashobora gukoreshwa nkigice cyihuza cyangwa buto kugirango utange compte.
<button type="button" class="btn btn-primary">
Notifications <span class="badge badge-light">4</span>
</button>Menya ko ukurikije uko zikoreshwa, badge zishobora kuba urujijo kubakoresha abasomyi ba ecran hamwe nikoranabuhanga rifasha. Mugihe imyandikire ya badge itanga ibimenyetso bifatika kubyo bagamije, aba bakoresha bazerekanwa gusa nibiri muri badge. Ukurikije uko ibintu byifashe, uturango dushobora gusa nkamagambo yinyongera cyangwa imibare idasanzwe kurangiza interuro, ihuza, cyangwa buto.
Keretse niba ibivugwamo bisobanutse (nkurugero rwa "Kumenyesha", aho byunvikana ko "4" numubare wabimenyeshejwe), tekereza ushizemo imiterere yinyongera hamwe nigice cyihishe cyigice cyinyandiko.
<button type="button" class="btn btn-primary">
Profile <span class="badge badge-light">9</span>
<span class="sr-only">unread messages</span>
</button>Ongeraho icyaricyo cyose cyavuzwe haruguru cyo guhindura ibyiciro kugirango uhindure isura ya badge.
<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>Gutanga ibisobanuro kubuhanga bufasha
Gukoresha ibara kugirango wongere ibisobanuro bitanga gusa icyerekezo cyerekana, kitazashyikirizwa abakoresha tekinoroji ifasha - nk'abasoma ecran. Menya neza ko amakuru yerekanwe n'ibara agaragara uhereye kubirimo ubwabyo (urugero: inyandiko igaragara), cyangwa bigashyirwa muburyo butandukanye, nk'inyandiko y'inyongera ihishe hamwe .sr-onlyn'ishuri.
Koresha .badge-pillicyiciro cyo guhindura kugirango ukore badge iringaniye (hamwe nini border-radiuskandi yongeyeho horizontal padding). Nibyiza niba ubuze badges kuva v3.
<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>Gukoresha .badge-*amasomo ajyanye <a>nibintu byihuse utanga badge ikora hamwe na hover hamwe na leta yibanze.
<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>