0

Create List Group with Disabled item using Bootstrap in HTML,PHP

How to make responsive vertical list view which will disable the current opened item.

In this tutorial we are making the fully responsive list group with disabled item functionality means it will automatically disable the current open item so user were unable to open that current opening list menu. So here is the complete step by step tutorial for Create List Group with Disabled item using Bootstrap in HTML,PHP.

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

How to Create List Group with Disabled item using Bootstrap in HTML,PHP.

Code for list-disabled-item.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>List Group with Disabled item</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="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

<h2> List Group with Disabled item </h2>


<div class="list-group">
 <a href="#" class="list-group-item disabled">Android</a>
 <a href="#" class="list-group-item">PHP</a>
 <a href="#" class="list-group-item">Blogger</a>
 <a href="#" class="list-group-item">WordPress</a>
 </div>

</div>
</body>
</html>

Screenshot:

Create List Group with Disabled item

Leave a Reply

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