app/views/partials/menu.html
<div class="navbar navbar-inverse navbar-fixed-top" data-role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<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="/">{{appTitle}}</a>
</div>
<div class="navbar-collapse collapse in hidden-xs" style="height: auto;">
<ul class="navbar-nav nav">
{{#menu.content}}
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown">{{title}}</a>
<ul class="dropdown-menu">
{{#items}}
<li>
{{#if page}}<a href="/page/{{page}}/">{{title}}</a>{{/if}}
{{#if href}}<a href="{{href}}">{{title}}</a>{{/if}}
</li>
{{/items}}
</ul>
</li>
{{/menu.content}}
</ul>
<ul class="navbar-nav nav pull-right">
<li class="dropdown">
<a href="" class="dropdown-toggle" data-toggle="dropdown">
{{user.displayName}} <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/logout">Logout</a>
</li>
</ul>
</li>
</ul>
</div>
</div>