<!-- Content -->
            <div class="navbar-vertical-content">
              <ul class="navbar-nav navbar-nav-lg nav-tabs">

                <!-- Dashboards -->
                <li class="navbar-vertical-aside-has-menu show">
                  <a rel="nofollow" class="js-navbar-vertical-aside-menu-link nav-link nav-link-toggle active" href="javascript:;" title="Dashboards">
                    <i class="tio-home-vs-1-outlined nav-icon"></i>
                    <span class="navbar-vertical-aside-mini-mode-hidden-elements text-truncate">Dashboard</span>
                  </a>

                  <ul class="js-navbar-vertical-aside-submenu nav nav-sub">
                    <li class="nav-item">
                      <a rel="nofollow" class="nav-link" href="#" title="Default">
                        <span class="tio-circle nav-indicator-icon"></span>
                        <span class="text-truncate">Primary</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a rel="nofollow" class="nav-link " href="#" title="Alternative">
                        <span class="tio-circle nav-indicator-icon"></span>
                        <span class="text-truncate">Secondary</span>
                      </a>
                    </li>
                  </ul>

                </li>
                <!-- End Dashboards -->

                                <!-- Dashboards #2 -->
                <li class="navbar-vertical-aside-has-menu show">
                  <a rel="nofollow" class="js-navbar-vertical-aside-menu-link nav-link nav-link-toggle active" href="javascript:;" title="Dashboards">
                    <i class="tio-home-vs-1-outlined nav-icon"></i>
                    <span class="navbar-vertical-aside-mini-mode-hidden-elements text-truncate">Dashboard</span>
                  </a>

                  <ul class="js-navbar-vertical-aside-submenu nav nav-sub">
                    <li class="nav-item">
                      <a rel="nofollow" class="nav-link" href="#" title="Default">
                        <span class="tio-circle nav-indicator-icon"></span>
                        <span class="text-truncate">Primary</span>
                      </a>
                    </li>
                    <li class="nav-item">
                      <a rel="nofollow" class="nav-link " href="#" title="Alternative">
                        <span class="tio-circle nav-indicator-icon"></span>
                        <span class="text-truncate">Secondary</span>
                      </a>
                    </li>
                  </ul>

                </li>
                <!-- End Dashboards #2 -->

              </ul>
            </div>
            <!-- End Content -->

Solution - 1

You can put something like this into your header where you link to the nave menu:

<nav class="navbar navbar-expand-lg navbar-light">
			  
			<div class="container">

				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">
				    <span class="navbar-toggler-icon"></span>
				</button>


					<?php
					wp_nav_menu(
						array(
							'theme_location' => 'menu-1',
							'menu_id'        => 'primary-menu',
							'container'       => 'div',
							'container_id'    => 'main-nav',
							'container_class' => 'collapse navbar-collapse justify-content-end',
							'menu_id'         => false,
							'menu_class'     => 'navbar-nav',
							'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
							'walker'          => new WP_Bootstrap_Navwalker(),
						)
					);
					?>

			</div><!-- end nav container -->
	</nav>

/**
 * Register Custom Navigation Walker
 */
function register_navwalker(){
	require_once get_template_directory() . '/inc/wp_bootstrap_navwalker.php';
}
add_action( 'after_setup_theme', 'register_navwalker' );