title: Create TYPO3 VHS Bootstrap-Navbar
body: <p>I have a problem with TYPO3 VHS. I want to declare a navbar within my own extension which I created with builder-extension.
  It works perfectly, when I look on the source code of my page, everything is like my own html code. But when I click on the 
  mother-page of my subpages nothing happens. Like:<a href="https://i.stack.imgur.com/1QwTb.jpg" rel="nofollow noreferrer">My Navbar</a>.
  I think I have the wrong TYPO3 settings, because the mother-page also has an href. On my example HTML Code what I created at the beginning, 
  all pages had href="#". </p>
  
  <p><code>My HTML Code for The Navbar:</code> </p>
  
  <pre><code>&lt;div class="container-fluid farbflussgrau"&gt;
      &lt;div class="row justify-content-md-center"&gt;
          &lt;div class="col-lg-8 text-center"&gt;
              &lt;nav class="navbar navbar-expand-md navbar-dark bg-dark"&gt;
                  &lt;button class="navbar-toggler ml-auto" type="button" data-toggle="collapse"
                         data-target="#navbarTogglerEU" aria-controls="navbarTogglerEU" aria-expanded="false"
                         aria-label="Toggle navigation"&gt;
                      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;div class="collapse navbar-collapse justify-content-center" id="navbarTogglerEU"&gt;
                      &lt;v:page.menu&gt;
                          &lt;ul class="navbar-nav"&gt;
                              &lt;f:for each="{menu}" as="item"&gt;
                                  &lt;li class="nav-item px-2 {f:if(condition: item.hasSubPages, then: 'dropdown')}"&gt;
                                      &lt;f:link.page
                                             pageUid="{item.uid }"
                                             title="{item.title}"
                                             class="nav-link{f:if(condition: item.hasSubPages, then: ' dropdown-toggle')}"
                                             additionalAttributes="{f:if(condition: item.hasSubPages, then:
                                                  '{data-toggle:\'dropdown\',aria-haspopup:\'true\',aria-expanded:\'false\',href:\'\'}')}"&gt;
                                          {item.title}
                                      &lt;/f:link.page&gt;
                                      &lt;f:if condition="{item.hasSubPages}"&gt;
                                          &lt;v:menu pageUid="{item.uid}"&gt;
                                              &lt;div class="dropdown-menu"&gt;
                                                  &lt;f:for each="{menu}" as="subItem"&gt;
                                                      &lt;f:link.page pageUid="{subItem.uid}"
                                                                  title="{subItem.title}"
                                                                  class="dropdown-item"&gt;
                                                          {subItem.title}
                                                      &lt;/f:link.page&gt;
                                                  &lt;/f:for&gt;
                                              &lt;/div&gt;
                                          &lt;/v:menu&gt;
                                      &lt;/f:if&gt;
                                  &lt;/li&gt;
                              &lt;/f:for&gt;
                          &lt;/ul&gt;
                      &lt;/v:page.menu&gt;
                  &lt;/div&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>This is how the sourcecode from my Page looks:</code> <a href="https://pastebin.com/NgG0T0m9?fbclid=IwAR2f6TMuI6Q4tOPHPHw8FFv2Zs827vt9HN2_UI4V1KhHbfLYMQ1DD6zmBjM" rel="nofollow noreferrer">https://pastebin.com/NgG0T0m9?fbclid=IwAR2f6TMuI6Q4tOPHPHw8FFv2Zs827vt9HN2_UI4V1KhHbfLYMQ1DD6zmBjM</a></p>
  
  <p>And these two images show how the PHPStorm and the Pagetree looks:<a href="https://i.stack.imgur.com/FL6Ln.jpg" rel="nofollow noreferrer">Pagetree</a> and <a href="https://i.stack.imgur.com/8zZc6.jpg" rel="nofollow noreferrer">PHPStorm Code</a></p>