Bootstrap Navbar Развернуть/свернуть мобильный без JavaScript

Question

Как я могу реализовать Bootstrap Navbar Развернуть/свернуть мобильный без JavaScript? Я пробую, как показано ниже, но когда я деактивирую javascript из браузера, меню Hamburger больше не работает.

<div class="container-fluid" id="page"> 
<div class="sidebar span3"> 
<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
<div class="container-fluid"> 
<style><input:checked + .nav-collapse {height: auto;}</style> 
<a> 
<label class="btn btn-navbar" for="checkbox"> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
<span class="icon-bar"></span> 
</label> 
</a> 
<input type="checkbox" id="checkbox" style="position: absolute; opacity:0;" /> 
<a href="/dictionary/site/index" class="brand">Dictionary</a> 

<div class="nav-collapse" /> 
<ul class="nav"> 
<li class="active"><a href="/dictionary/site/index">Search</a></li> 
<li><a href="/dictionary/site/page?view=phrases">Phrases</a></li> 
<li><a href="/dictionary/site/page?view=Tools_Downloads">Tools &amp;  Downloads</a></li> 
<li><a href="/dictionary/site/page?view=news">News</a></li> 
<li><a href="/dictionary/about">About</a></li> 
<li><a href="/dictionary/site/contact">Contact</a></li> 
<li><a href="/dictionary/site/page?view=links">Links</a></li> 
</ul> 
</div> 
</div> 
</div> 
</div> 
</div> 

большое спасибо заранее.

Answer 1

самозагрузки Navbar основан на JavaScript, так что вы не можете сделать это без включения JavaScript, но вы можете искать CSS навигационной панели вместо этого, http://codepen.io/Akhilr/pen/xwEvQz

like this http://codepen.io/Akhilr/pen/xwEvQz