Navbar

ui-guidelines-navbar

<div class="navbar navbar-default" role="navigation">
   <div class="container">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".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="#">Brand Name</a>
     </div>

     <div class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu<b class="caret"></b></a>
           <ul class="dropdown-menu">
             <li><a href="#">Item 1</a></li>
             <li><a href="#">Item 1</a></li>
             <li><a href="#">Item 1</a></li>
           </ul>
         </li>
       </ul>
       <ul class="nav navbar-nav navbar-right">
         <li>
           <a href="#">Username</a>
         </li>
       </ul>
     </div>
     <!--/.nav-collapse -->
   </div>
 </div>