The following code shows how to create dropdown from anchor and UL.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript'
src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
</head><!-- w ww.ja v a 2 s.c o m-->
<body>
<li style="margin-left: 12px;">
<div class="dropdown" style="margin-top: 5px;">
<a class="dropdown-toggle" style="margin-left: -2px;"
data-toggle="dropdown" href="#"> Filter by Team </a>
<ul class="dropdown-menu" data-toggle="dropdown" role="menu"
aria-labelledby="dropdownMenu">
<li><a tabindex="-1" class="disabled"
href="/task/list/orgteam/8/">Java</a></li>
<li class="divider"></li>
<li><a tabindex="-1" class="disabled"
href="/task/list/orgteam/6/">CSS</a></li>
<li class="divider"></li>
<li><a tabindex="-1" class="disabled"
href="/task/list/orgteam/5/">Design Team</a></li>
<li class="divider"></li>
<li><a tabindex="-1" class="disabled"
href="http://www.google.com">Google.com</a></li>
</ul>
</div>
</li>
</body>
</html>