Pager is also a form of pagination. Pager provides previous and next buttons (links)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tutor Joes</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <!--<link rel="stylesheet" href="css/bootstrap.min.css">--> <style> hr { margin-top: 15px; margin-bottom: 15px; display: block; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam laborum quidem nostrum provident atque unde, natus neque cupiditate consectetur voluptas sunt similique, assumenda asperiores non? Mollitia dicta reprehenderit atque qui itaque non deleniti soluta nihil eos. Beatae, a perspiciatis dolorem sequi cumque eveniet, velit maxime laborum dolore, quas odit. Consectetur, voluptate? Nemo natus et dolorem ut nobis qui reprehenderit magnam vitae. A, sunt assumenda dicta, unde aperiam vel distinctio eum adipisci necessitatibus similique itaque iusto neque ex libero quia nesciunt blanditiis labore harum totam eaque veniam repellat. Magni mollitia odio inventore nostrum! Quibusdam alias dignissimos, ad tempore rerum nemo, adipisci modi sint, voluptatibus quae animi officiis ea unde recusandae dolore eos dolor sapiente! Possimus hic iure aspernatur, id ab natus doloremque facere, deleniti eligendi ipsam architecto odit molestiae non cum in vel dolorum quam? Culpa praesentium officia odit adipisci, pariatur, laborum impedit nihil distinctio corrupti ullam debitis perferendis! Facilis est vel earum quaerat reiciendis deserunt ullam iste magnam dicta sed officia expedita blanditiis doloremque impedit aliquid possimus laborum at animi voluptates, asperiores voluptate officiis, temporibus consequatur. Fugit dicta facere voluptas nesciunt! Velit voluptatum, voluptate debitis officiis, quibusdam eius itaque quae amet, possimus ipsam magnam eligendi doloribus dicta commodi quisquam delectus?</p> <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> <ul class="pager"> <li class="previous"><a href="#">Previous</a></li> <li class="next"><a href="#">Next</a></li> </ul> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <!--<script src="js/jquery.min.js"></script>--> <!--<script src="js/bootstrap.min.js"></script>--> </body> </html>
Learn All in Tamil © Designed & Developed By Tutor Joes | Privacy Policy | Terms & Conditions