Membuat Pagging Dengan Class Pager Pada Bootstrap

by | Jun 9, 2016 | Programming | 0 comments

Pada artikel kali ini saya akan membuat sebuah pagging dengan class bawaan bootstrap yaitu class pager, seperti yang kita tau, pagging berguna untuk menampilkan data yang banyak dalam bentuk beberapa halaman, oke sekarang saya akan praktekan membuat paging dengan class pager pada bootsrap,

silahkan buat file html dan ketikan script berikut:

<div class="container">               
  <ul class="pager">
    <li><a href="#">Kembali</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">Lanjut</a></li>
  </ul>
</div>

nah class pager disini lah yang mempunyai style membuat ul li ini menjadi bentuk pagging, karna class pager adalah salah satu class untuk membuat pagging pada bootstrap, jika sudah save dan hasilnya akan seperti berikut :

m

sangat mudah ya, silahkan mencoba, semoga bermanfaat, terimakasih 🙂

NOTE : dalam kasus ini saya anggap teman-teman sudah mendownload plugin bootstrap, dan memanggil file css dan jquerynya