Tutorialspoint examples

Learn java tutorial with examples for beginners online

Bootstrap Pagination Disabled State Tutorial


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

The .disabled class is used to show the disabled link.

Bootstrap Pagination – Disabled State Example:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Pagination - Disabled 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 - Disabled State Example</h2>
  <p>The .disabled class is used to show the disabled link.</p>
  <ul class="pagination">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li class="disabled"><a href="#">4</a></li>
    <li><a href="#">5</a></li>
  </ul>
</div>
 
</body>
</html>

Try it:

Bootstrap Pagination – Disabled State Example on jsbin.com

Copyright © 2018 Tutorialspoint examples DMCA.com Protection Status