Wayfinder Drop Down Menu

  /* Bootstrap and Wayfinder call */
      
       <div class="container">
            <!-- NavBar -->
              <nav class="navbar navbar-toggleable-md navbar-light">
         <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
                      <a class="navbar-brand" href="[[~1]]"><img src="images/top_logo.png" class="top-logo" alt="logo"></a>
                        <div class="navbar-collapse collapse" id="navbarNav">
                           [[Wayfinder? 
                               &startId=`0` 
                               &level=`2` 
                               &rowClass=`nav-item` 
                               &outerClass=`navbar-nav ml-auto` 
                               &sortby=`menuindex` 
                               &sortdir=`ASC`
                               &parentClass=`dropdown`
                               &innerClass=`dropdown-menu`
                               &innerRowClass=`dropdown-item`
                               &rowTpl=`rowTpl` 
                               &parentRowTpl=`navParRowTpl`
                               &innerTpl=`innerTpl`
                               &innerRowTpl=`navInnerRowTpl`
                               ]]
                               <!-- /nav -->
                        </div><!-- /navbar collapse -->
                  </nav>
              </div><!-- /container -->

     /* the rowTpl Chunk */
         <li[[+wf.id]][[+wf.classes]]>
           <a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]][[+wf.classes]]>[[+wf.linktext]]</a>
           [[+wf.wrapper]]
         </li>

     /* the innerTpl Chunk */
        <ul id="sec-nav"[[+wf.classes]]>
         [[+wf.wrapper]]
        </ul>

     /* navParRowTpl */
        <li[[+wf.id]][[+wf.classes]]>
            <a class="nav-link dropdown-toggle" href="[[+wf.link]]" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="[[+wf.title]]" [[+wf.attributes]]>
            [[+wf.linktext]]</a>
            [[+wf.wrapper]]
        </li>
 
    /* navInnerRowTpl */
       <a class="dropdown-item" href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]