Menu botón
$('.navbar-toggle.collapsed').click(function(){
$('#nav').toggleClass('opened');
$(this).toggleClass('collapsed');
});
.navbar-brand {
float: left;
font-size: 18px;
height: 50px;
line-height: 20px;
padding: 15px;
}
.sr-only {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navbar-toggle .icon-bar {
background-color: #fff;
border-radius: 1px;
display: block;
height: 2px;
width: 22px;
}
.bs-docs-nav .navbar-toggle .icon-bar {
}
.bs-docs-nav .navbar-toggle .icon-bar {
background-color: #999;
}
.navbar-toggle {
background-color: #bc0b3b;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
margin-right: 15px;
margin-top: 8px;
overflow: visible;
padding: 9px 10px;
position: absolute;
right: 1px;
top: 1px;
}
*::after, *::before {
box-sizing: border-box;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle {
background: none repeat scroll 0 0 #bc0b3b;
}
.navbar-toggle:hover {
background-color: #999;
}
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>