lencana
Lencana adalah indikator numerik dari berapa banyak item yang terkait dengan link:
Berita 5Komentar 10
update 2
Angka (5, 10, dan 2) adalah lencana.
Gunakan .badge kelas dalam <span> elemen untuk membuat lencana:
Contoh
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments
<span class="badge">10</span></a><br>
<a href="#">Updates <span
class="badge">2</span></a>
Cobalah sendiri " Lencana juga dapat digunakan di dalam unsur-unsur lain, seperti tombol:
Contoh berikut menunjukkan cara menambahkan lencana ke tombol:
Contoh
<button type="button" class="btn btn-primary">Primary <span
class="badge">7</span></button> Cobalah sendiri " label
Label digunakan untuk memberikan informasi tambahan tentang sesuatu:
misalnya Baru
misalnya Baru
misalnya Baru
misalnya Baru
misalnya Baru
misalnya Baru
Gunakan .label kelas, diikuti oleh salah satu dari enam kelas kontekstual .label-default , .label-primary , .label-success , .label-info , .label-warning atau .label-danger , dalam <span> elemen untuk membuat label:
Contoh
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6> Cobalah sendiri " Contoh berikut ini menunjukkan semua kelas label kontekstual:
Default Label Primer Label Sukses Label Info Label Peringatan Label Bahaya Label
Contoh
<span class="label label-default">Default
Label</span>
<span class="label label-primary">Primary
Label</span>
<span class="label label-success">Success
Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning
Label</span>
<span class="label label-danger">Danger
Label</span> Cobalah sendiri " Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»