Tutorial Bootstrap Part 13 : Membuat Pagination di Bootstrap

Assalamu'alakum W. W.

Abdul Hafid Gunawan - Hai sobat setia SC Blog, bertemu lagi dengan saya di SC Blog. Kali ini saya akan masuk ke Tutorial Bootstrap Part 13. Langsung saja simak cekidot.

PENGERTIAN

SleepingCodings - Pagination merupakan sebuah paginasi yang di gunakan untuk membuat angka per halaman / pages web.

LATAR BELAKANG

Untuk mempersingkat waktu dalam pembuatan front-end website, yang mempunyai prioritas responsive & praktis.

 

MAKSUD DAN TUJUAN

- Mampu menguasai, memahami dan menggunakan Bootstrap untuk mengembangkan skill Front-end Website.

- Pagination di gunakan untuk membuat angka per halaman / pages web.

ALAT DAN BAHAN

- Text Editor

PEMBAHASAN

1. BASIC PAGINATION

    Untuk membuat paginasi dasar, tambahkan kelas .pagination ke elemen <ul>. Kemudian tambahkan .page-item ke setiap elemen <li> dan kelas .page-link ke setiap tautan di dalam <li>:

2. ACTIVE & DISABLED STATE

    Pagination Active & Disabled ini bertujuan untuk mematikan dan menandai bagian mana yang ingin di ubah tsb. Contoh Penerapannya :

3. PAGINATION SIZING

    Pagination Sizing digunakan untuk memanipulasi ukuran dari pagination tsb, dg memberikan Class .pagination-sm, dlsb . Contoh Penerapannya :

KESIMPULAN

Pagination di Bootstrap sangatlah mudah karena kita tinggal menggunakan Class yang telah tersedia lalu tinggal kita pakai, dalam penggunaan Pagination Bootstrap ini kita sangat menghemat waktu dalam pembuatan pagination tsb.

REFERENSI

- www.w3schools.com/bootstrap4/bootstrap_pagination.html

Wassalamu'alaikum W. W.