Baajiiwwan

Dokumantarii fi fakkeenyota baajiidhaaf, qaama lakkoofsa xiqqaa fi asxaa keenyaa.

Fakkeenya

emBaajiiwwan safara qubee firaakshinii fi yuunitii fayyadamuun hammangaa qaama warra battalaa walsimsiisuuf iskeelii .

Fakkeenya mata dureeHaaraa

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

Baajiiwwan akka qaama hidhannoo ykn buttooniitti fayyadamuun lakkaawwii kennuu ni danda'ama.

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

Hubadhaa, akkaataa itti fayyadama isaanii irratti hundaa’uun, baajiiwwan fayyadamtoota dubbistoota iskiriinii fi teeknooloojiiwwan gargaarsaa walfakkaatan burjaaja’uu danda’u. Akkaataan baajii kaayyoo isaanii ilaalchisee agarsiisa mul’ataa kan kennu yoo ta’u, fayyadamtoonni kun qabiyyee baajii sanaa salphaatti ni dhiyaatu. Haala addaa irratti hundaa’uun, baaajiiwwan kun jechoota dabalataa tasaa ykn lakkoofsa dhuma hima, hidhaa ykn qaree tokkoo irratti argaman fakkaachuu danda’u.

Yoo haalli ibsame ifa ta’e malee (akkuma fakkeenya “Beeksisa”, bakka “4” baay’ina beeksisa ta’uu isaa hubatamutti), yaada dabalataa barreeffama dabalataa mul’ataan dhokate waliin hammachuu yaadaa.

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

Jijjiirama haala dubbii

Bifa baajii jijjiiruuf gita fooyyessaa armaan gadii kamiyyuu dabali.

Sadarkaa tokkoffaa Sadarkaa lammaffaa Milkaa'ina Hamaa Akeekkachiisa Info Ifa Duukkana

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

Teeknooloojiiwwan gargaaraa ta’aniif hiika dabarsuu

Hiika dabaluudhaaf halluu fayyadamuun agarsiisa mul’ataa qofa kenna, kunis fayyadamtoota teeknooloojiiwwan gargaarsaa – kan akka dubbistoota iskiriinii – hin dabarfamu. Odeeffannoon halluudhaan agarsiifame qabiyyee mataa isaa irraa ifa ta'uu isaa mirkaneessi (fkn barruu mul'atu), ykn karaa filannootiin hammatamuu isaa, kan akka barruu dabalataa .sr-onlygita waliin dhokatee.

Baajiiwwan kiniinii

.badge-pillBaajiiwwan caalaatti geengoo ta'an gochuuf gita fooyyessaa fayyadami ( border-radiushorizontaala guddaa fi dabalataa wajjin padding). Yoo baajii v3 irraa jalaa bade faayidaa qaba.

Sadarkaa tokkoffaa Sadarkaa lammaffaa Milkaa'ina Hamaa Akeekkachiisa Info Ifa Duukkana

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

Hidhamtoota

.badge-*Gitoota haalata <a>elementii irratti fayyadamuun saffisaan baajiiwwan gochaan hojjetamuu danda'an haalawwan hover fi xiyyeeffannoo waliin kenna.

Sadarkaa tokkoffaa Sadarkaa lammaffaa Milkaa'ina Hamaa Akeekkachiisa Info Ifa Duukkana

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