- Data Structure
- Networking
- RDBMS
- Operating System
- Java
- MS Excel
- iOS
- HTML
- CSS
- Android
- Python
- C Programming
- C++
- C#
- MongoDB
- MySQL
- Javascript
- PHP
- Physics
- Chemistry
- Biology
- Mathematics
- English
- Economics
- Psychology
- Social Studies
- Fashion Studies
- Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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
<!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>
Advertisements