Create Pagination with Disabled non clickable currently open page using Bootstrap in HTML,PHP

How to make simple pagination with disabled current open page number again feature.

Pagination li .disabled class will disable the current open page link inside pagination box. So if user trying to again open same page from pagination then this will not be possible because of disabled class. So here is the complete step by step tutorial for Create Pagination with Disabled non clickable currently open page using Bootstrap in HTML,PHP.

How to Create Pagination with Disabled non clickable currently open page using Bootstrap in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html
Code for pagination-disabled.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Pagination with Disabled</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

<h1> Pagination with Disabled </h1>
 
 <ul class="pagination">
 <li><a href="#">&laquo;</a></li>
 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li class="disabled"><a href="#">3</a></li>
 <li><a href="#">4</a></li>
 <li><a href="#">5</a></li>
 <li><a href="#">6</a></li>
 <li><a href="#">&raquo;</a></li>
</ul>
 
</div>
</body>
</html>

Screenshot:

Create Pagination with Disabled non clickable currently open page using Bootstrap in HTML,PHP

Leave a Reply

Your email address will not be published. Required fields are marked *