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