Snippet Breadcrumb dengan Bootstrap

Breadcrumb merupakan navigasi atau penunjuk halaman yang sedang dibuka secara berurutan. Dengan adanya breadcrumb kita bisa mengetahui urutan halaman website yang ingin dituju. Contohnya terdapat pada menu produk yang memiliki banyak pilihan atau halaman kategori produk. Maka breadcrumb dapat ditulis seperti berikut : Home > Produk > Web Master. Breadcrumb diatas menunjukkan posisi halaman yang aktif adalah halaman web master. Jika kita ingin kembali ke halaman produk maka cukup dengan melakukan klik pada breadcrumb produk.

Singkatnya Breadcrumb adalah cara cepat mengakses halaman yang sebelumnya telah dikunjungi. Bagi anda yang ingin memberikan breadcrumb pada website dengan menggunakan platform bootstrap, disini saya akan berikan snippet atau kode breadcrumb yang siap pakai. Coba perhatikan dan pelajari kode dibawah ini :

See the Pen bNezbK by Dumet_School (@dumet_school) on CodePen.

Simpan kode diatas dan selamat mencoba.