Shiko la Bootstrap 5

Isikio

Isikio (Badges) linatumika kusaidia kuingia mawasiliano ya kipya:

katika <span> kwa kufanya matukio .badge kati ya kiwango (kama “) kuanzisha isikio la eneo la msingi. Kuzingatia

Mifano

<h1>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h1>
<h2>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h2>
<h3>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h3>
<h4>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h4>
<h5>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h5>
<h6>Uagizaji wa mtaani <span class="badge bg-secondary">mpya</span></h6>

Jaribu kwa uwanja wa mimi

isikio la mawasiliano

Tumia kila kiwango cha mawasiliano (.bg-*) ingiliza rangi ya isikio:

Mifano

<span class="badge bg-primary">kimoja</span>
<span class="badge bg-secondary">mikubaliani</span>
<span class="badge bg-success">kaziwa</span>
<span class="badge bg-danger">Makosa</span>
<span class="badge bg-warning">Tahadhari</span>
<span class="badge bg-info">Maelezo</span>
<span class="badge bg-light">Mtu wa kijani</span>
<span class="badge bg-dark">Kijani</span>

Jaribu kwa uwanja wa mimi

Ishara ya kijikii

Tumia .rounded-pill Kilichotumia kumfikia kinaadilifu kwa ishara:

Mifano

<span class="badge rounded-pill bg-primary">Kivinzi cha kwanza</span>
<span class="badge rounded-pill bg-secondary">Kivinzi</span>
<span class="badge rounded-pill bg-success">Kamsha</span>
<span class="badge rounded-pill bg-danger">Makosa</span>
<span class="badge rounded-pill bg-warning">Tahadhari</span>
<span class="badge rounded-pill bg-info">Maelezo</span>
<span class="badge rounded-pill bg-light">Mtu wa kijani</span>
<span class="badge rounded-pill bg-dark">Kijani</span>

Jaribu kwa uwanja wa mimi

Ishara katika elementi

Mifano ya kutumia ishara katika mibaribu:

Mifano

<button type="button" class="btn btn-primary">
  Rahisho <span class="badge bg-danger">4</span>
</button>

Jaribu kwa uwanja wa mimi