<div class= "Container-fluid" >
<div class= "Navbar-header" >
<button type= "button" class= "Navbar-toggle" data-toggle= "collapse"
data-target= "#example-navbar-collapse" >
<span class= "sr-only" > Toggle navigation </span>
<span class= "Icon-bar" ></span>
<span class= "Icon-bar" ></span>
<span class= "Icon-bar" ></span>
</button>
<a class= "Navbar-brand" href= "#" > Rookie Tutorials </a>
</div>
<div class= "Collapse navbar-collapse" id= "Example-navbar-collapse" >
<ul class= "Nav navbar-nav" >
<li class= "Active" ><a href= "#" >iOS</a></li>
<li><a href= "#" >SVN</a></li>
<li class= "Dropdown" >
<a href= "#" class= "Dropdown-toggle" data-toggle= "dropdown" >
Java <b class= "caret" ></b>
</a>
<ul class= "Dropdown-menu" >
<li><a href= "#" >jmeter</a></li>
<li><a href= "#" >EJB</a></li>
<li><a href= "#" >jasper report</a></li>
<li class= "Divider" ></li>
<li><a href= "#" > Separate links </a></li>
<li class= "Divider" ></li>
<li><a href= "#" > Another detached link </a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<nav class= "NavBar navbar-default" role= "Navigation" >