Create Split Standalone Dropdown menu buttons using Bootstrap in HTML,PHP

How to design simple single drop down buttons with bootstrap CSS classes.

In this tutorial we are simply creating split drop down buttons with the use of bootstrap classes. This type of buttons mostly used to single website tags with multiple sub tags. So here is the complete step by step tutorial for Create Split Standalone Dropdown menu buttons using Bootstrap in HTML,PHP.

How to Create Split Standalone Dropdown menu buttons using Bootstrap in HTML,PHP.

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

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Split DropDown 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">
 <h2>Split DropDown Buttons</h2>
 
 <div class="btn-group">
 
 <button type="button" class="btn btn-info">Android</button>
 
 <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
 
 <span class="caret"></span>
 
 </button>
 
 <ul class="dropdown-menu" role="menu">
 
 <li><a href="#">Android Studio</a></li>
 
 <li><a href="#">Eclipse</a></li>
 
 <li><a href="#">SDK Manager</a></li>
 
 </ul>
 
 </div>
 
</div>

</body>
</html>

Screenshot:

Create Split Standalone Dropdown menu buttons using Bootstrap in HTML,PHP

Leave a Reply

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