Estoy nuevo con Bootstrap, deseo desarrollar un menú de navegación similar al de la siguiente página web: grab.com . Actualmente estoy tratando de hacer la parte de los submenús, lo que quiero lograr es ese efecto que se activa al hacer click en cualquiera de los links del menú, es decir, que aparezca un submenú debajo de la barra de navegación. En la documentación de Bootstrap explican como hacer un submenú pero aparece con un estilo diferente, lo que quiero lograr es un efecto igual al de la página mencionada anteriormente. Es importante destacar que el efecto ya lo logré con la componente Collapse pero el problema es que está fuera de la barra de navegación y al redimensionar el tamaño de la pantalla este no se adapta con los demás links de la barra de navegación. Seguramente hay una mejor forma de hacerlo pero no he dado con la solución, espero alguien pueda echarme una mano. Adjunto algunas capturas.
Aquí está mi código: `
Services Clients Contact Us! Login
<div class="collapse navbar-expand-lg multi-collapse" id="multiCollapseExample1">
<div id="barra-secundaria">
<ul class="navbar-nav mr-auto flex-row justify-content-center">
<li class="nav-item" id="enlaces">
<a class="nav-link" data-toggle="collapse" href="#multiCollapseExample1" aria-expanded="false" aria-controls="multiCollapseExample1">Services</a>
</li>
<li class="nav-item" id="enlaces">
<a class="nav-link" href="#">Clients</a>
</li>
<li class="nav-item" id="enlaces">
<a class="nav-link" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Contact Us!</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login</a>
</li>
</ul>
</div>
</div>`
Acá dejo algunas vistas de como se ve en resolución de escritorio y en móvil: