0

Create simple basic DropDown menu using bootstrap classes in HTML,PHP

How to show drop down menu after clicking on button just below inside web page.

Bootstrap’s dropdown class is used to create simple drop down navigational menus into web pages. So here is the complete step by step tutorial for Create simple basic DropDown menu using bootstrap classes in HTML,PHP.

How to Create simple basic DropDown menu using bootstrap classes in HTML,PHP.

http://www.android-examples.com/demo/heading-tag.html
Code for simple-dropdown-menu.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Basic DropDown Menu</title>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
 
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

</head>

<body>

<div class="container">

<h2> Simple DropDown menu </h2>


 <div class="dropdown">
 <button class="dropdown-toggle btn btn-primary " type="button" data-toggle="dropdown">Dropdown Menu Button
 <span class="caret"></span></button>
 <ul class="dropdown-menu">
 <li><a href="#">Android</a></li>
 <li><a href="#">PHP</a></li>
 <li><a href="#">Blogger</a></li>
 <li><a href="#">WordPress</a></li>
 </ul>
</div>
</body>
</html>

Screenshot:

Create simple basic DropDown menu using bootstrap classes in HTML,PHP

Leave a Reply

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