Mabheji
Zvinyorwa uye mienzaniso yemabheji, kuverenga kwedu kudiki uye chikamu chekunyora.
Mabheji anoyera kuti aenderane nehukuru hweiyo mubereki chikamu nekushandisa hukama font saizi uye mayunitsi em
.
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 vanongoratidzwa nezviri 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>
Wedzera chero ambotaurwa pazasi makirasi ekugadzirisa kuti uchinje kutaridzika kwebheji.
<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-only
nekirasi.
Shandisa .badge-pill
kirasi yemodhifita kugadzira mabheji akatenderedzwa (nehombe border-radius
uye yekuwedzera yakachinjika padding
). Inobatsira kana ukapotsa mabheji kubva kuv3.
<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>
Kushandisa .badge-*
makirasi emamiriro ezvinhu pane <a>
chinhu kurumidza kupa mabheji anogoneka ane hover uye yekutarisa nyika.
<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>