<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
<meta name= "viewport" content= "width=device-width,initial-scale=1" >
<title>Bootstrap</title>
<link rel= "stylesheet" type= "Text/css" href= "Bootstrap.min.css" >
<link rel= "stylesheet" type= "Text/css" href= "Foo.css" >
<script src= "Jquery-1.11.3.js" ></script>
<script src= "Bootstrap.min.js" ></script>
<script src= "Foo.js" ></script>
<body>
<div class= "Dropdown" >
<button type= "button" class= "btn btn-default dropdown-toggle" data-toggle= "dropdown" >
Menu<span class= "Caret" ></span>
</button>
<ul class= "Dropdown-menu" role= "Menu" >
<li role= "Presentation" ><a href= "#" tabindex= "-1" role= "Menu-item" >hello</a></li>
<li role= "Presentation" ><a href= "#" tabindex= "-1" role= "Menu-item" >hello</a></li>
<li role= "Presentation" ><a href= "#" tabindex= "-1" role= "Menu-item" >hello</a></li>
</ul>
</div>
<script>
$ (document). Off (". Data-api");
</script>
</body>
Bootstrap JavaScript Plugin Overview