Collapse navigation, makes the site readable on mobile devices

This commit is contained in:
Joar Wandborg 2013-10-23 20:16:57 +02:00
parent 21855d05cc
commit 391bb81e28
2 changed files with 2008 additions and 2 deletions

1999
bootstrap.js vendored Normal file

File diff suppressed because it is too large Load diff

View file

@ -30,9 +30,15 @@
<header class="navbar navbar-default navbar-fixed-top"> <header class="navbar navbar-default navbar-fixed-top">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button class="navbar-toggle" data-target=".npoacct-navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<TMPL_VAR BASEURL>"><TMPL_VAR WIKINAME></a> <a class="navbar-brand" href="<TMPL_VAR BASEURL>"><TMPL_VAR WIKINAME></a>
</div> </div>
<nav role="navigation"> <nav role="collapse navbar-collapse" role="navigation">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<TMPL_IF EDITURL> <TMPL_IF EDITURL>
<li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li> <li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
@ -67,7 +73,7 @@
</TMPL_IF> </TMPL_IF>
</ul> </ul>
</nav> </nav>
</div> </div><!-- /container -->
</header> </header>
@ -97,5 +103,6 @@
</p> </p>
</div> </div>
</footer> </footer>
<script src="bootstrap.js"></script>
</body> </body>
</html> </html>