<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Le styles -->
<link data-require="bootstrap-css" data-semver="2.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" />
<script data-require="jquery" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<script data-require="bootstrap" data-semver="2.3.2" src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="container">
<div class="dropdown">
<span class="label label-warning dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</span>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#" class="label label-success" data-value="action">Action</a></li>
<li><a href="#" class="label label-danger"data-value="another">Another action</a></li>
</ul>
</div>
</div>
<script>
$(".dropdown-menu li a").click(function(){
$(this).parents(".dropdown").find('.label').html($(this).text() + ' <span class="caret"></span>');
$(this).parents(".dropdown").find('.label').val($(this).data('value'));
});
</script>
</body>
</html>
// Add your javascript here
/* Put your css in here */