Create Drop Down Menu with Disabled item using Bootstrap classes in HTML,PHP

How to design simple drop down menu inside web page with non clickable items.

In this tutorial we are simply designing the Drop down list menu with non clickable items, This type of drop down list menu usually used on Social networking websites and Banking websites, Web hosting websites because they have a lots of feature available to its users and some of them wants special authentication so when website user will pay the amount regarding to that service then automatically that menu became Enabled. So here is the complete step by step tutorial for Create Drop Down Menu with Disabled item using Bootstrap classes in HTML,PHP.

https://www.android-examples.com/demo/heading-tag.html

How to Create Drop Down Menu with Disabled item using Bootstrap classes in HTML,PHP.

Code for Drop-Down-Disabled-Item.html file.

 <!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Drop Down Menu with Disabled item</title>

<meta name="viewport" content="width=device-width, initial-scale=1">



<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>DropDown With Disabled Item</h1>

 <div class="dropdown">
 <button class="btn btn-info dropdown-toggle" type="button" data-toggle="dropdown">All Category
 <span class="caret"></span></button>
 <ul class="dropdown-menu">
 <li><a href="#">Android</a></li>
 <li ><a href="#">PHP</a></li>
 <li class="disabled"><a href="#">Blogger</a></li>
 <li><a href="#">WordPress</a></li>
 </ul>
 </div>

</div>

</body>

</html>

Screenshot:

Create Drop Down Menu with Disabled item using Bootstrap classes in HTML,PHP

Leave a Reply

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