Bootstrap

Navigation Related Component

Maulia Rahman
Pendahuluan

Kali ini kita akan lanjut membahas

komponen Bootstrap yang berhubungan
dengan navigation atau menu navigasi
website. Komponen tersebut adalah:

✔ Breadcrumb

✔ Navs

✔ Navbar

✔ Scrollspy
Breadcrumb

Breadcrumb adalah istilah untuk menyebut teks yang menandakan posisi halaman saat ini dari
keseluruhan struktur website.

Biasanya breadcrumb berada di sisi atas atau bawah halaman (atau keduanya). Dalam tampilan di atas,
bisa disimpulkan bahwa halaman saat ini berada di dalam struktur Data, yang merupakan bagian dari
Library. Kemudian Library ini juga berada di bawah struktur Home. Biasanya dengan men-klik link
breadcrumb, kita bisa pindah ke halaman tersebut
Navs

Nav adalah komponen Bootstrap yang menjadi struktur dasar

menu navigasi. Menu navigasi sendiri nantinya dibuat
menggunakan komponen Navbar yang akan kita bahas secara
terpisah. Boleh dibilang bahwa Nav adalah versi minimalis dari
Navbar.
Navbar

Navbar adalah komponen Bootstrap untuk membuat menu navigasi. Boleh

dibilang bahwa navbar adalah "versi upgrade" dari komponen nav yang baru
saja kita bahas. Navbar memiliki banyak sub-komponen, yakni fitur-fitur yang
bisa ditambahkan ke dalam navbar yang akan kita pelajari secara bertahap
Scrollspy

Scrollspy adalah komponen Bootstrap yang bisa meng-update menu navigasi

tergantung posisi scroll. Pengertian scrollspy memang susah ditulis tapi saya
yakin anda sudah sering melihat komponen ini. Scrollspy banyak dipakai pada
website yang terdiri dari satu halaman atau single page website
Terimakasih Lanjut Ngoding Kita Yuuukkk…..