Bootstrap 5 TutorialLesson 23Preview gratis
BS5 Navbar
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Navbar adalah bilah navigasi responsif yang bisa berisi merek, tautan, dropdown, dan formulir pencarian. Class dasarnya .navbar dengan .navbar-expand-lg agar menu lurus di layar besar dan menyusun di bawah tombol toggle pada layar kecil. Menu vertikal memakai .navbar-nav dan tombol hamburger memakai .navbar-toggler.
Poin kunci
- .navbar adalah bungkus utama dan .navbar-brand untuk logo atau nama situs.
- .navbar-expand-{breakpoint} menentukan kapan menu tampil lurus.
- .collapse.navbar-collapse menyembunyikan menu di layar kecil.
- .navbar-toggler membuka menu melalui data-bs-toggle="collapse".
- .navbar-dark dengan .bg-* mengatur warna tema navbar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.