title: How to move nav link into a drop down
body: <p>I  have a drop-down menu that, when I click on the drop-down,  shows the 'logout' link. I  want to add another link to it called "profile" so that when I click the drop-down it provides me both logout and profile. </p>
  
  <p>I am  struggling to do this. I  have "profile" on the side on the navbar, but cannot get the profile tab to go into the drop-down menu:</p>
  
  <pre><code>        &lt;li class="nav-item dropdown"&gt;
          &lt;a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre&gt;
              {{ Auth::user()-&gt;name }} &lt;span class="caret"&gt;&lt;/span&gt;
          &lt;/a&gt;
             &lt;div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"&gt;
              &lt;a class="dropdown-item" href="{{ route('logout') }}"
                 onclick="event.preventDefault();
                               document.getElementById('logout-form').submit();"&gt;
                  {{ __('Logout') }}
              &lt;/a&gt;
              &lt;form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"&gt;
                  @csrf
              &lt;/form&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
      &lt;a class="nav-link " href="{{ route('product.shoppingCart')}}"&gt;Cart
      &lt;span class = "badge badge-primary"&gt;{{ Session::has('cart') ? Session::get('cart')-&gt;totalQty : ''}}
      &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
      &lt;a class="nav-link " href="{{ route('posts.profile')}}"&gt;Profile
      &lt;/a&gt;
  
  &lt;/li&gt;
  </code></pre>