Articles → BOOTSTRAP → Pagination In Bootstrap

Pagination In Bootstrap

In this article, we will discuss pagination in bootstrap.

Purpose

Consider an example where you have multiple web pages. For each web page, you can add pagination for each page to uniquely navigate it.

Example

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta charset="utf-8" />
      <title></title>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
   </head>
   <body>
      <ul class="pagination">
         <li><a href="#">1</a></li>
         <li class="active"><a href="#" >2</a></li>
         <li><a href="#">3</a></li>
         <li><a href="#">4</a></li>
         <li><a href="#">5</a></li>
      </ul>
   </body>
</html>

Output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Thursday, October 7, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**