Create Disabled Active Button using Bootstrap classes in HTML,PHP

How to make/set completely non clickable buttons with bootstrap css classes.

Non clickable buttons means that type of buttons which cannot be clicked and shows disable mark when user hover it. Bootstrap gives us two different type of classes for create active buttons and disable buttons. So here is the complete step by step tutorial for Create Disabled Active Button using Bootstrap classes in HTML,PHP.

Active and disable buttons classes name is :

  • .active
  • .disabled

How to Create Disabled Active Button using Bootstrap classes in HTML,PHP.

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

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Disabled buttons</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> Active Buttons</h1>
 
 <input type="submit" class="btn btn-info active" value="Button-1">
 <input type="submit" class="btn btn-default active" value="Button-2">
 <input type="submit" class="btn btn-success active" value="Button-3">
 <input type="submit" class="btn btn-primary active" value="Button-4">
 <input type="submit" class="btn btn-danger active" value="Button-5">
 <input type="submit" class="btn btn-warning active" value="Button-6">
 
 <h1> Disabled Buttons</h1>
 
 <input type="submit" class="btn btn-info disabled" value="Button-1">
 <input type="submit" class="btn btn-default disabled" value="Button-2">
 <input type="submit" class="btn btn-success disabled" value="Button-3">
 <input type="submit" class="btn btn-primary disabled" value="Button-4">
 <input type="submit" class="btn btn-danger disabled" value="Button-5">
 <input type="submit" class="btn btn-warning disabled" value="Button-6">
 
</div>

</body>
</html>

Screenshot:

Create Disabled Active Button using Bootstrap classes in HTML,PHP