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
Published on 20-Jun-2018 15:09:43
Advertisements