Hello All,

Thought I share this having spent an hour staring at terribly formatted HTML output (in order to keep it readable in the template) - I've managed to get the Bootsrap Dropdown Menu working with a nested pages loop, hope this is of use to people there (and thanks Kamran for pointing me in the right direction in the docs, which are excellent btw).

Code: Select all
          <div class="navbar span12">
            <div class="navbar-inner">
              <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </a>
                <a class="brand" href="#"><img src="assets/img/logo.png" alt="logo" width="345" height="80" /></a>
                <div class="nav-collapse collapse">
               <cms:nested_pages masterpage='index.php' extended_info='1' >
                  <cms:if k_level_start >
                     <cms:if k_level='0'>
                      <ul class="nav pull-right">
                     <cms:else />
                         <ul class="dropdown-menu">
                     </cms:if>
                  </cms:if>
                  <cms:if k_element_start>
                     <li class="<cms:if k_is_active>active</cms:if><cms:if k_total_children> dropdown</cms:if>">
                     <a href="<cms:show k_menu_link />" <cms:if k_total_children>class="dropdown-toggle" data-toggle="dropdown"</cms:if>><cms:show k_menu_title /> <cms:if k_total_children><b class="caret"></b></cms:if></a>
                  </cms:if>
                  <cms:if k_element_end></li></cms:if>
                  <cms:if k_level_end></ul></cms:if>
               </cms:nested_pages>      
               <form class="navbar-search pull-right visible-phone" role="search" method="get" id="searchform" action="#">
                  <div class="input-append input-prepend">
                     <span class="add-on"><i class="icon-search"></i></span>
                    <input name="s" class="span2 search-query" id="search" type="text" autocomplete="on" placeholder="Search" data-provide="typeahead" data-items="4" data-source=''>
                    <button class="btn btn-primary" type="submit">Find</button>
                  </div>   
               </form>
                </div><!--/.nav-collapse -->
              </div>
            </div>
          </div>