Товарищи, вот у меня есть код верстки:
<ul class="navbar-nav ml-auto">
<!-- menu item -->
    <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
    <!-- menu item -->
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="services-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a><div class="dropdown-menu" aria-labelledby="services-dropdown">
          <a class="dropdown-item" href="services.html">Services Style 1</a>
          <a class="dropdown-item" href="services2.html">Services Style 2</a>
          <a class="dropdown-item" href="services-single.html">Services Single</a>
       </div></li>
    <!-- menu item -->
    <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="#" id="about-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       About
       </a>
       <div class="dropdown-menu" aria-labelledby="about-dropdown">
          <a class="dropdown-item" href="about.html">About Style 1</a>
          <a class="dropdown-item" href="about2.html">About Style 2</a>
       </div>
    </li>
    <!-- menu item -->
    <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="#" id="adopt-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       Adopt
       </a>
       <div class="dropdown-menu" aria-labelledby="adopt-dropdown">
          <a class="dropdown-item" href="adoption.html">Adoption Gallery</a>
          <a class="dropdown-item" href="adoption-single.html">Adoption Single Page</a>
       </div>
    </li>
    <!-- menu item -->
    <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="#" id="gallery-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       Gallery
       </a>
       <div class="dropdown-menu" aria-labelledby="gallery-dropdown">
          <a class="dropdown-item" href="gallery.html">Gallery Style 1</a>
          <a class="dropdown-item" href="gallery2.html">Gallery Style 2</a>
       </div>
    </li>
    <!-- menu item -->
    <li class="nav-item dropdown">
       <a class="nav-link dropdown-toggle" href="#" id="contact-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       Contact
       </a>
       <div class="dropdown-menu" aria-labelledby="contact-dropdown">
          <a class="dropdown-item" href="contact.html">Contact Style 1</a>
          <a class="dropdown-item" href="contact2.html">Contact Style 2</a>
       </div>
    </li>
    <!-- menu item -->
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="others-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Other pages</a>
       <div class="dropdown-menu" aria-labelledby="others-dropdown">
          <a class="dropdown-item" href="team.html">Our Team</a>
          <a class="dropdown-item" href="blog.html">Blog Home</a>
          <a class="dropdown-item" href="blog-single.html">Blog Single</a>
          <a class="dropdown-item" href="elements.html">Elements Page</a>
          <a class="dropdown-item" href="404.html">404 Page</a>
       </div>
    </li>
</ul>

Вот как я представляю себе его вывод, выводится не совсем корректно, вопрос, где я ошибаюсь?
</ul>`
    &tplParentRow=`@INLINE <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href=""></a></li>`
	&tplParentRowActive=`@INLINE <li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href=""></a></li>`
	&tplInner=`@INLINE <div class="dropdown-menu" aria-labelledby="others-dropdown"></div>`
	&tplInnerRow=`@INLINE <a class="dropdown-item" href=""></a>`
	&tpl=`@INLINE <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href=""></a></li>`