CodesJava

Easy learning with example program codes

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

Please follow and like us:
error

Bootstrap 3 Tutorial








Copyright © 2019 CodesJava DMCA.com Protection Status