Podocentrum Meijer

Paginations

Basic Pagination

Show Code

[xml] <ul class="pagination"> <li class="disabled"><a href="#">«</a></li> <li class="active"><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> <li><a href="#">»</a></li> </ul> <ul class="pager"> <li><a href="#">« Previous</a></li> <li><a href="#">Next »</a></li> </ul> [/xml]

Line Pagination Style

Show Code

[xml] <ul class="pagination pagination-border"> <li class="disabled"><a href="#">«</a></li> <li class="active"><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> <li><a href="#">»</a></li> </ul> <ul class="pager pager-border"> <li><a href="#">« Previous</a></li> <li><a href="#">Next »</a></li> </ul> [/xml]

Different Sizes

Show Code

[xml] <ul class="pagination pagination-sm"> … </ul> <ul class="pagination pagination"> … </ul> <ul class="pagination pagination-lg"> … </ul> <ul class="pagination pagination-border pagination-sm"> … </ul> <ul class="pagination pagination-border pagination"> … </ul> <ul class="pagination pagination-border pagination-lg"> … </ul> [/xml]