Fluid TYPO3 Bootstrap Menu
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<div id="MainNav" class="navbar-wrapper">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/"><img src="/fileadmin/template/i/logo.jpg"></a>
</div>
<v:page.menu pageUid="{v:variable.typoscript(path:'settings.site.rootPid')}" classHasSubpages="dropdown">
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<f:for each="{menu}" as="menuPage" iteration="iteration">
<li id="id{menuPage.uid}" class="{v:format.trim(content:'{menuPage.class}')}">
<a href="{menuPage.link}" data-toggle="{v:format.trim(content:'{menuPage.class}')}" class="{v:format.trim(content:'{menuPage.class}')}-toggle">{menuPage.title}</a>
<f:if condition="{menuPage.hasSubPages}">
<ul class="dropdown-menu">
<v:page.menu pageUid="{menuPage.uid}" as="submenu" classActive="active" classHasSubpages="">
<f:for each="{submenu}" as="subMenuPage">
<li class="{v:format.trim(content:'{subMenuPage.class}')}">
<a href="{subMenuPage.link}">{subMenuPage.title}</span></a>
</li>
</f:for>
</v:page.menu>
</ul>
</f:if>
</li>
</f:for>
</ul>
</div>
</v:page.menu>
</div>
</nav>
</div>