1<!DOCTYPE html>
2<html>
3<head>
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
6 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
7 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
8</head>
9<body>
10
11<div class="container">
12 <h2>Dropdown Example</h2>
13 <p>The data-toggle="dropdown" attribute is used to open the dropdown menu.</p>
14 <div class="dropdown">
15 <button class="btn btn-primary dropdown-toggle" id="menu1" type="button" data-toggle="dropdown">Dropdown Example
16 <span class="caret"></span></button>
17 <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
18 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a></li>
19 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a></li>
20 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a></li>
21 <li role="presentation" class="divider"></li>
22 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li>
23 </ul>
24 </div>
25</div>
26
27</body>
28</html>
29