Pada saat kita melakukan browsing pada sebuah website kita mungkin masuk ke menu, sub menu, submenu berikutnya, melihat artikel mengklik artikel terkait dan seterusnya. Dengan demikian kita mungkin mengembara dalam hutan website tersebut. Pada saat mengembara ini kita mungkin ingin tahu posisi kita sejak dari pintu masuk utama. Inilah yang dilakukan oleh breadcrumb pada Bootstrap 4 yang akan menunjukkan posisi di mana kita.
Prinsip source code untuk Breadcrumb Bootstrap 4 ini adalah
- Memakai ol dengan class breadcrumb
- Pada li nya menggunakan class breadcrumb-item
- Pada li terakhir ada tambahan class active
Contoh petikan source code adalah:
<ol class=”breadcrumb”>
<li class=”breadcrumb-item”><a href=”jumbo00.html”>Home</a></li>
<li class=”breadcrumb-item active”>Portfolio</li>
</ol>
Demo dapat dilihat di https://bs4.aris.proweb.asia/porto00.html dengan tampilan seperti berikut ini:
Informasi lebih lanjut silahkan mengunjungi https://getbootstrap.com/docs/4.3/components/breadcrumb/
Kunjungi www.proweb.co.id untuk menambah wawasan anda.