Source

Libeche

Litokomane le mehlala ea libeche, palo ea rona e nyane le karolo ea ho ngola.

Mohlala

Libeche lia lekana ho tsamaisana le boholo ba karolo ea motsoali ea haufi ka ho sebelisa boholo ba fonte le liyuniti em.

Sehlooho sa mohlalaE ncha

Sehlooho sa mohlalaE ncha

Sehlooho sa mohlalaE ncha

Sehlooho sa mohlalaE ncha

Sehlooho sa mohlalaE ncha
Sehlooho sa mohlalaE ncha
<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>

Libeche li ka sebelisoa e le karolo ea likhokahano kapa likonopo ho fana ka k'haontara.

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

Hlokomela hore ho ipapisitsoe le hore na li sebelisoa joang, libeche li ka ferekanya basebelisi ba sebali sa skrine le mahlale a thusang a tšoanang. Le ha setaele sa libeche se fana ka leseli mabapi le sepheo sa tsona, basebelisi bana ba tla hlahisoa feela ka litaba tsa beche. Ho itšetlehile ka boemo bo itseng, libeche tsena li ka 'na tsa bonahala e le mantsoe a sa tloaelehang kapa linomoro qetellong ea polelo, sehokelo kapa konopo.

Ntle le haeba moelelo oa taba o hlakile (joaloka mohlala oa "Litsebiso", moo ho utloisisoang hore "4" ke palo ea litsebiso), nahana ka ho kenyelletsa moelelo oa tlatsetso ka sekhechana se patiloeng sa mongolo oa tlatsetso.

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

Ho fapana ha maemo

Kenya litlelase life kapa life ho tse boletsoeng ka tlase ho fetola ponahalo ea beche.

Ea mantlha Ea bobeli Katleho Kotsi Tlhokomediso Info Leseli Lefifi
<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>
Ho fetisa moelelo ho litheknoloji tse thusang

Ho sebelisa mebala ho eketsa moelelo ho fana feela ka pontšo ea pono, e ke keng ea fetisetsoa ho basebelisi ba theknoloji e thusang - joalo ka sebali sa skrine. Netefatsa hore tlhahisoleseding e hlahisitsweng ke mmala e ka ba e totobetseng ho tswa ho dikahare ka boyona (mohlala, mongolo o bonahalang), kapa e kenyeleditswe ka mekgwa e meng, e kang mongolo o tlatsetso o patilweng le .sr-onlysehlopha.

Lipeche tsa lipilisi

Sebelisa sehlopha sa .badge-pillmofetoleli ho etsa libeche tse pota-potileng (ka tse kholoanyane border-radiusle tse ling tse tšekaletseng padding). E na le thuso haeba o fetoa ke libeche tsa v3.

Ea mantlha Ea bobeli Katleho Kotsi Tlhokomediso Info Leseli Lefifi
<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>

Ho sebelisa .badge-*litlelase tsa maemo ho <a>element ho fana ka libeche tse ka sebetsoang tse nang le maemo a holimo le a ho tsepamisa maikutlo.

<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>