Paginations

  1. Artificial Reason WP
  2. Paginations

Basic Pagination

<ul class="pagination">
<li class="disabled"><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>

<ul class="pager">
<li><a href="#">&laquo; Previous</a></li>
<li><a href="#">Next &raquo;</a></li>
</ul>

Line Pagination Style

<ul class="pagination pagination-border">
<li class="disabled"><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>

<ul class="pager pager-border">
<li><a href="#">&laquo; Previous</a></li>
<li><a href="#">Next &raquo;</a></li>
</ul>

Different Sizes

<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>

Navigation

Social Media