Fluid Navigation

<div class="row-fluid header box-shadow" data-spy="affix">
      <div class="container">
        <div class="col-sm-3">
          <f:image src="EXT:rm_client/Resources/Public/Images/logo.svg" additionalAttributes="{style: 'width: 75%; height: auto;'}" alt="Barbara Kohler Mediation" title="Barbara Kohler Mediation" />
        </div>
        <div class="col-sm-8 col-sm-offset-1">
          <div class="menu">
          	<ul>
	            <v:page.menu>
                  <f:for each="{menu}" as="item">
                      <li>
                        <f:link.page pageUid="{item.uid}" title="{item.linktext}">{item.linktext}</f:link.page>
                        <f:if condition="{item.hasSubPages}">
                          <ul>
                            <v:page.menu pageUid="{item.uid}">
                                <f:for each="{menu}" as="subItem">
                                    <li><f:link.page pageUid="{subItem.uid}" title="{subItem.linktext}">{subItem.linktext}</f:link.page></li>
                                </f:for>
                            </v:page.menu>
                          </ul>
                        </f:if>
                      </li>
                  </f:for>
              </v:page.menu>
      	</ul>
          </div>
        </div>
      </div>
    </div>