bootstrap 4 navbar with two collapsible menus

Bootstrap Studio Help
1

Hi, I followed the great Creating Tesla's Website in Bootstrap Studio 4 (Tutorial) on this website and I had no troubles creating the website. However, the original Tesla websites navbar has an additional hamburger menu on its far right, which wasn't included in the video section. This additional hamburger menu is displayed on large screens and opens additional links.

how would I code this to get it to work?

This is the markup without the additional hamburger menu:

 <nav class="navbar navbar-expand-lg navbar-light justify-content-center">
            <a href="#">Navbar</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav ml-auto justify-content-center">
                    <a href="#">Model S <span>(current)</span></a>
                    <a href="#">Model X</a>
                    <a href="#">Model 3</a>
                    <a href="#">Roadster</a>
                    <a href="#">Energy</a>
                </div>
                   <div class="navbar-nav ml-auto justify-content-end">
                    <a href="#">Shop</a>
                    <a href="#">Sign in</a> 
                   ADDITIONAL HAMBURGER + LINKS SHOULD BE HERE
                </div>
            </div>
 </nav>

Thank you for your help.

2

I have the same question. How you solbed it?