HASANONTA - Pagination adalah sistem penomeran dalam halaman web. Kita sering melihat di web-web, halaman pertama, kedua, dan seterusnya. Dan kali ini kita akan membuat pagination dengan Bootstrap. Initi dari membuat pagination dengan Bootstrap adalah kita membuat list HTML kemudian menambahkan class-class HTML didalamnya. Contoh :
<!DOCTYPE html><html><head><title>HasanOnta</title><link rel="stylesheet" type="text/css" href="css/bootstrap.css"><script type="text/javascript" src="js/jquery.css"></script><script type="text/javascript" src="js.bootstrap.css"></script></head><body><div class="container"><h1>Cara Membuat Pagination Dengan Bootstrap | HasanOnta </a></h1><ul class="pagination"><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><br/><h3>Paginaton Besar (large)</h3><ul class="pagination pagination-lg"><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><br/><h3>Pagination kecil (small)</h3><ul class="pagination pagination-sm"><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></div></body></html>
Output :
Tidak ada komentar:
Posting Komentar