Bootstrap 5 TutorialLesson 18Preview gratis
BS5 List Groups
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
List group membuat daftar item yang rapi, bisa berupa daftar statis, daftar berisi tautan, maupun daftar berkonten kaya. Class dasarnya .list-group pada pembungkus dan .list-group-item pada tiap item. Varian seperti .list-group-item-action, .list-group-horizontal, dan .list-group-numbered mempercantik tampilan.
Poin kunci
- .list-group membulatkan sudut dan .list-group-item memberi gaya tiap item.
- .list-group-item-action membuat item bertindak seperti tombol dengan efek hover.
- .list-group-horizontal menyusun item mendatar.
- .list-group-flush menghapus sudut agar menyatu dengan kontainer.
- .list-group-numbered menampilkan nomor urut otomatis.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.