Bootstrap Navbar Erweitern/Einklappen Handy ohne JavaScript

Question

Wie kann ich Bootstrap Navbar? Expand/collapse Handy ohne JavaScript? Ich versuche wie unten, aber wenn ich Javascript vom Browser deaktivieren, funktioniert das Hamburger Menü nicht mehr.

<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> 

vielen dank im voraus.

Answer 1

Bootstrap navbar auf JavaScript basiert, so können Sie dies nicht tun, ohne Javascript ermöglicht aber Sie können stattdessen für CSS Navbar suchen, http://codepen.io/Akhilr/pen/xwEvQz

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