paginasi bootstrap

Paginasi Dasar

Jika Anda memiliki situs web dengan banyak halaman, Anda mungkin ingin menambahkan semacam pagination ke setiap halaman.

Pagination dasar di Bootstrap terlihat seperti ini:

• 1
• 2
• 3
• 4
• 5

Untuk membuat pagination dasar, tambahkan .paginationkelas ke <ul>elemen:

Status Aktif

Status aktif menunjukkan halaman saat ini:

• 1
• 2
• 3
• 4
• 5

Tambahkan kelas .activeuntuk memberi tahu pengguna di halaman mana dia berada:

Status Dinonaktifkan

Tautan yang dinonaktifkan tidak dapat diklik:

• 1
• 2
• 3
• 4
• 5

Tambahkan kelas .disabledjika tautan karena alasan tertentu dinonaktifkan:

Ukuran paginasi

Blok pagination juga dapat berukuran lebih besar atau lebih kecil:

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

Tambahkan kelas .pagination-lguntuk blok yang lebih besar atau .pagination-smuntuk blok yang lebih kecil:

Tepung roti

Bentuk lain untuk pagination, adalah remah roti:

1. Rumah
2. Pribadi
3. Foto-foto
4. Liburan

Kelas .breadcrumbmenunjukkan lokasi halaman saat ini dalam hierarki navigasi:

<ul class="">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>

Referensi Navigasi Bootstrap Lengkap

Untuk referensi lengkap semua kelas navigasi, buka Referensi Navigasi Bootstrap lengkap kami .