Bootstrap 5 TutorialLesson 30Preview gratis
BS5 Offcanvas
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Offcanvas adalah panel geser yang tersembunyi di luar layar dan muncul saat diminta, sering dipakai untuk menu samping di perangkat mobile. Komponen ini mirip collapse tetapi bertransisi menggeser masuk dari tepi: kiri, kanan, atas, atau bawah. Bungkus konten dengan .offcanvas dan aktifkan melalui data-bs-toggle="offcanvas".
Poin kunci
- .offcanvas adalah panel dengan .offcanvas-header dan .offcanvas-body untuk isinya.
- data-bs-toggle="offcanvas" dengan data-bs-target membuka panel.
- Posisi panel: .offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom.
- data-bs-dismiss="offcanvas" menutup panel.
- Kelas .show menandai panel sedang terbuka.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.