What is Bootstrap Pager


Create simple pagination links that go beyond text, the pager can work quite well. Like the pagination links, the pager is an unordered list.

The following is an example of a pager

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <h2>Questions</h2>
      <ul class = "pagination pagination-lg">
         <li><a href = "#">Q1</a></li>
         <li><a href = "#">Q2</a></li>
         <li><a href = "#">Q3</a></li>
         <li><a href = "#">Q4</a></li>
         <li><a href = "#">Q5</a></li>
         <li><a href = "#">Q6</a></li>
         <li><a href = "#">Q7</a></li>
      </ul>
      <br>
      <ul class = "pager">
         <li><a href = "#">Previous</a></li>
         <li><a href = "#">Next</a></li>
      </ul>
   </body>
</html>

karthikeya Boyini
karthikeya Boyini

I love programming (: That's all I know

Updated on: 12-Jun-2020

188 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements