BAB 21 – DROPDOWN DAN MENU BERTINGKAT
A. Dropdown Dasar
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle"
data-bs-toggle="dropdown">
Menu
</button>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item"
href="#">
Profil
</a>
</li>
</ul>
</div>Praktik 1
Buat menu:
Master Data
├ Data Siswa
├ Data Guru
└ Data KelasB. Dropdown Dalam Navbar
Implementasikan dropdown untuk:
- Akademik
- Keuangan
- Administrasi
Praktik 2
Buat navbar sistem sekolah dengan dropdown.
Latihan Bab 22
- Apa fungsi Dropdown?
- Apa fungsi dropdown-menu?
- Apa fungsi dropdown-item?
- Apa fungsi dropdown-toggle?
- Kapan digunakan?