<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<nav>
<ul class="list-unstyled main-menu">
<li class="text-right"><a href="#" id="nav-close">X</a></li>
<li><a href="#">Menu One <span class="icon"></span></a></li>
<li><a href="#">Menu Two <span class="icon"></span></a></li>
<li><a href="#">Menu Three <span class="icon"></span></a></li>
<li><a href="#">Dropdown</a>
<ul class="list-unstyled">
<li class="sub-nav"><a href="#">Sub Menu One <span class="icon"></span></a></li>
<li class="sub-nav"><a href="#">Sub Menu Two <span class="icon"></span></a></li>
<li class="sub-nav"><a href="#">Sub Menu Three <span class="icon"></span></a></li>
<li class="sub-nav"><a href="#">Sub Menu Four <span class="icon"></span></a></li>
<li class="sub-nav"><a href="#">Sub Menu Five <span class="icon"></span></a></li>
</ul>
</li>
<li><a href="#">Menu Four <span class="icon"></span></a></li>
<li><a href="#">Menu Five <span class="icon"></span></a></li>
</ul>
</nav>
<div class="navbar navbar-inverse navbar-fixed-top">
<a class="navbar-brand" href="#">Off Canvas Menu</a>
<div class="navbar-header pull-right">
<a id="nav-expander" class="nav-expander fixed">
MENU ·<i class="fa fa-bars fa-lg white"></i>
</a>
</div>
</div>