Bootstrap Pager

In this article, we will discuss the "pager" class in bootstrap.

Purpose

The "pager" class adds pagination to the web pages. The difference is that, instead of page numbers, the pager class adds the "previous" and the "next" button.

Example

<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class="container">
         <ul class="pager">
            <li>
               <a href="#">Previous</a>
            </li>
            <li>
               <a href="#">Next</a>
            </li>
         </ul>
      </div>
   </body>
</html>

Output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Saturday, October 9, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**