Pagination

Pagination is the grouping of data on various pages like a textbook where data of same importance is usually posted on the same page for better accessibility. Pagination is highly scalable and provides larger click areas which are hard to miss. Pagination can be used along with tables and is useful for paginating search results.

Default

Following is a basic example of bootstrap pagination:

<ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <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>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
</ul>

Adding .active to <li> will highlight the current page link:

<li class='active'><a href="#">3</a></li>

Adding .disabled to <li> will disable the page link and make it unclickable:

<li class='disabled'><a href="#">3</a></li>

Pager

The next and previous links are used in pagination for quick access. Pagers are mainly used by simple sites such as magazines, newspapers, or blogs, and so on. Here is the syntax:

<ul class="pager"> … </ul>
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.16.135.36