Mabheji

Zvinyorwa uye mienzaniso yemabheji, kuverenga kwedu kudiki uye chikamu chekunyora.

Muenzaniso

Mabheji anoyera kuti aenderane nehukuru hweiyo mubereki chikamu nekushandisa hukama font saizi uye mayunitsi em.

Muenzaniso musoroNew

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

Mabheji anogona kushandiswa sechikamu chezvinongedzo kana mabhatani ekupa counter.

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

Ziva kuti zvichienderana nemashandisirwo aanoitwa, mabheji anogona kunge achivhiringa kune vashandisi vezvidzitiro zvekuverenga uye akafanana anobatsira matekinoroji. Nepo manyorerwo emabheji achipa ratidziro yekuona nezvechinangwa chavo, vashandisi ava vanongopihwa zviri mukati mebheji. Zvichienderana nemamiriro ezvinhu chaiwo, mabheji aya anogona kuita semashoko asina kurongeka kana manhamba pakupera kwemutsara, chinongedzo, kana bhatani.

Kunze kwekunge mamiriro acho ezvinhu akajeka (sezvakaita "Zviziviso" semuenzaniso, pazvinonzwisiswa kuti "4" inhamba yezviziviso), funga kusanganisira yekuwedzera mamiriro nechidimbu chakavanzwa chekuwedzera.

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

Kusiyana kwemamiriro ezvinhu

Wedzera chero ambotaurwa pazasi makirasi ekugadzirisa kuti uchinje kutaridzika kwebheji.

Primary Secondary Success Danger Yambiro Info Chiedza Rima

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

Kuendesa zvinoreva kunobatsira matekinoroji

Kushandisa ruvara kuwedzera zvinoreva kunongopa chiratidzo chekuona, icho chisingazopirwe kune vashandisi vetekinoroji yekubatsira - senge zvidzitiro zvekuverenga. Ita shuwa kuti ruzivo rwunoratidzwa neruvara rwuri pachena kubva pane zvirimo (semuzvinyorwa zvinooneka), kana kuti zvinosanganisirwa neimwe nzira, senge mamwe mavara akavigwa .sr-onlynekirasi.

Mabheji emapiritsi

Shandisa .badge-pillkirasi yemodhifita kugadzira mabheji akatenderedzwa (nehombe border-radiusuye yekuwedzera yakachinjika padding). Inobatsira kana ukapotsa mabheji kubva kuv3.

Primary Secondary Success Danger Yambiro Info Chiedza Rima

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

Links

Kushandisa .badge-*makirasi emamiriro ezvinhu pane <a>chinhu kurumidza kupa mabheji anogoneka ane hover uye yekutarisa nyika.

Primary Secondary Success Danger Yambiro Info Chiedza Rima

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