I want toggle navigation button when opened from mobile and not like this. My aim was to get nav bar elements transparently in the view and not enclosed in any box. I wanted a view as in mynavbar.png. And now I am missing toggle button.
<body>
{{if response.menu:}}
{{=response.logo or ''}}
{{=MENU(response.menu, _class='nav navbar-nav',li_class='dropdown',ul_class='dropdown-menu')}}
{{pass}}
<ul class="nav navbar-nav navbar-right" style="margin-left:7em">
{{='auth' in globals() and auth.navbar('Welcome',mode='dropdown') or ''}}
</ul>
</body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<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>
{{=response.logo or ''}}
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right">
{{='auth' in globals() and auth.navbar('Welcome',mode='dropdown') or ''}}
</ul>
{{if response.menu:}}
{{=MENU(response.menu, _class='nav navbar-nav',li_class='dropdown',ul_class='dropdown-menu')}}
{{pass}}
</div>
</div>
</nav>