Bootstrap 5 TutorialLesson 25Preview gratis
BS5 Modal
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Modal adalah dialog overlay yang menampilkan informasi atau formulir di atas halaman. Modal Bootstrap 5 terdiri dari .modal yang berisi .modal-dialog dan .modal-content, dengan bagian .modal-header, .modal-body, dan .modal-footer di dalamnya. Modal dibuka lewat tombol dengan data-bs-toggle="modal" dan data-bs-target berisi id modal.
Poin kunci
- Struktur: .modal, lalu .modal-dialog, lalu .modal-content.
- .modal-header, .modal-body, .modal-footer membagi isi dialog.
- data-bs-toggle="modal" dengan data-bs-target membuka modal dari pemicu.
- data-bs-dismiss="modal" pada tombol menutup modal.
- .modal-lg atau .modal-xl mengatur ukuran dan .modal-dialog-centered memusatkan dialog.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.