What is Bootstrap Pager

BootstrapWeb DevelopmentCSS Framework

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>
raja
Updated on 12-Jun-2020 17:39:32

Advertisements