Bootstrap 5 TutorialLesson 22Preview gratis
BS5 Navs
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Navs menyusun tautan navigasi dalam satu baris, misalnya tab atau pil menu. Class dasarnya .nav dengan .nav-item dan .nav-link, sedangkan tampilan tab atau pil ditentukan .nav-tabs dan .nav-pills. Tab Bootstrap 5 langsung berfungsi dengan data-bs-toggle="tab" tanpa JavaScript kustom.
Poin kunci
- Struktur: ul.nav, lalu li.nav-item, lalu a.nav-link.
- .nav-tabs membuat gaya tab, .nav-pills membuat gaya pil membulat.
- .nav-fill dan .nav-justified mengatur sebaran lebar item.
- .active pada .nav-link menandai tab terpilih.
- data-bs-toggle="tab" dengan data-bs-target mengaktifkan perpindahan tab.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.