Bootstrap 5 TutorialLesson 17Preview gratis
BS5 Pagination
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Pagination menampilkan deretan nomor halaman agar pengguna bisa berpindah konten bertahap. Struktur Bootstrap memakai <ul class="pagination"> berisi <li class="page-item"> dengan <a class="page-link"> di dalamnya. Varian .pagination-sm membuatnya lebih ringkas, sedangkan kelas .active dan .disabled menandai status halaman.
Poin kunci
- Struktur: ul.pagination, lalu li.page-item, lalu a.page-link.
- .page-link memberi gaya tautan halaman.
- .active menandai halaman sedang dibuka; .disabled menonaktifkan item.
- .pagination-sm membuat ukuran lebih kecil.
- Teks Previous dan Next ditulis sebagai isi tautan .page-link.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.