Bootstrap 3 Breadcrumb - Tutorial Bootstrap Indonesia

Tutorial Bootstrap 3 Breadcrumb

TrikSonic - Apa itu breadcrumb ? Breadcrumb adalah skema navigasi yang yang digunakan untuk menunjukkan lokasi halaman saat ini kepada user dalam situs web atau aplikasi.

Dengan bootstrap untuk membuat breadcrumb cukup menggunakan class .breadcrumb yang ditulis pada element <ul> atau <ol>

Contoh :

<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Tutorial</a></li>
  <li>Cara Membuat Breadcrumb</li>
</ul>

Breadcrumb Aktif

Untuk memberi tampilan yang sedang aktif pada breadcrumb, tambahkan class .active pada element <li> yang berada di area breadcrumb

Contoh :

<ul class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Tutorial</a></li>
  <li class="active">Cara Membuat Breadcrumb</li>
</ul>