Blog Request tutorial? klik disini!

  • Membuat Pagination Di Bootstrap

    Ditulis oleh: Faizal Rafik
    7023 kali dibaca
    30 Aug / 2014 19:10

    Pada tutorial Bootstrap kali ini saya akan mengajarkan bagaimana caranya membuat Pagination di Bootstrap. Pagination atau biasa disebut paging biasanya diperuntukan untuk menampilkan data dalam jumlah banyak dalam satu halaman. Berikut adalah cara untuk membuat paging pada Bootstrap.

    Default Pagination

    Untuk membuat paging didalam bootstrap kalian bisa buat tag <ul>, kemudian didalm tag <ul> tersebut kalian bisa tambahkan atribut class pagination. Berikut adalah Contoh Penggunaannya :

    States

    Untuk membuat pagination active atau disable kalian bisa menambahkan class active dan class disable pada tag <li> nya. Berikut adalah contoh penggunaannya :

    Size

    Pagination didalam Bootstrap ini juga memilik size, yaitu pagination-lg, dan pagination-sm, Jika kalian ingin menggunakan pagination yang memiliki size besar atau large kalian bisa tambahakan class pagination-lg pada tag <ul> dan sebaliknya, Berikut adalah contoh penggunannya :

    Pager

    Untuk membuat pagination pager kalian bisa tambahkan atribut class pager pada tag <ul>. Pagination pager ini tampilannya memiliki efek rounded. Berikut adalah contohnya :

    Aligned Links

    Optional Disabled state

    Demo






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155