<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>bootstrap Experience Example: label with drop-down menu and capsule navigation </title>
<meta charset= "Utf-8"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<body>
<div class= "Container" >
<ul class= "nav nav-tabs nav-justified" >
<li class= "Active" ><a href= "#" >Html5</a></li>
<li><a href= "#" >Css3</a></li>
<li><a href= "#" >jQuery</a></li>
<li><a href= "#" >jQueryUI</a></li>
<li><a href= "#" >Bootstrap</a></li>
<li><a href= "#" >C#.Net</a></li>
<li><a href= "#" >MsSql</a></li>
<li class= "Dropdown" >
<a href= "#" class= "Dropdown-toggle" data-toggle= "dropdown" >HTML5 Front end
<span class= "Caret" ></span>
</a>
<ul class= "Dropdown-menu" role= "Menu" >
<li><a href= "#" >Html5</a></li>
<li><a href= "#" >Css3</a></li>
<li><a href= "#" >jQuery</a></li>
<li><a href= "#" >jQueryUI</a></li>
<li><a href= "#" >Bootstrap</a></li>
<li class= "Divider" ></li>
<li><a href= "#" >C#.Net</a></li>
<li><a href= "#" >MsSql</a></li>
</ul>
</li>
<li><a href= "#" > Follow-up </a></li>
</ul>
<br/><br/><br/>
<ul class= "nav nav-pills nav-justified" >
<li class= "Active" ><a href= "#" >Html5</a></li>
<li><a href= "#" >Css3</a></li>
<li><a href= "#" >jQuery</a></li>
<li><a href= "#" >jQueryUI</a></li>
<li><a href= "#" >Bootstrap</a></li>
<li><a href= "#" >C#.Net</a></li>
<li><a href= "#" >MsSql</a></li>
<li class= "Dropdown" >
<a href= "#" class= "Dropdown-toggle" data-toggle= "dropdown" >
HTML5 Front End
<span class= "Caret" ></span>
</a>
<ul class= "Dropdown-menu" role= "Menu" >
<li><a href= "#" >Html5</a></li>
<li><a href= "#" >Css3</a></li>
<li><a href= "#" >jQuery</a></li>
<li><a href= "#" >jQueryUI</a></li>
<li><a href= "#" >Bootstrap</a></li>
<li class= "Divider" ></li>
<li><a href= "#" >C#.Net</a></li>
<li><a href= "#" >MsSql</a></li>
</ul>
</li>
<li><a href= "#" > Follow-up </a></li>
</ul> </div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
</body>
Bootstrap Experience Example: label with drop-down menu and capsule navigation