Here is the code placed for when to resize the browser so that the responsive site can appear as the menu does not appear when clicking does nothing
<div class="col-md-12">
<div class="menu">
<nav class="navbar">
<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a href="#" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a> </div>
</div>
<div class="col-lg-12 visible-lg ">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
<ul class="nav navbar-nav" id="menu">
<li><a href="#">INICIO</a></li>
<li><a href="#">SOBRE</a></li>
<li><a href="#">DADOS</a></li>
<li class="active"><a href="#">APLICAÇÃO</a></li>
<li><a href="#">PROGRAMADORES</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACTO</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
</div>
</div>