Tutorialspoint examples

Learn java tutorial with examples for beginners online

Bootstrap Pagination Active State Tutorial


Pagination is the process of separating print or digital content into discrete pages.

The .active class is used to show what the current page is.

Bootstrap Pagination – Active State Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Pagination - Active State Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<div class="container">
  <h2>Bootstrap Pagination - Active State Example</h2>
  <p>The .active class is used to show what the current page is.</p>
  <ul class="pagination">
    <li><a href="#">1</a></li>
    <li class="active"><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
  </ul>
</div>
 
</body>
</html>

Try it:

Bootstrap Pagination – Active State Example on jsbin.com

Copyright © 2018 Tutorialspoint examples DMCA.com Protection Status