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>
Updated on: 2020-06-12T17:39:32+05:30

346 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements