Añadiremos las clases .collapse .navbar-collapse al elemento que contenga el icono  de colapso.

Añadiremos las clases .collapse .navbar-collapse al elemento padre que contenga los elementos que queremos que se colapsan en el icono.

Añadiremos las clase .navbar-toggler al elemento que contenga el icono  de colapso.

El  subcomponente con la clase navbar-nav se utiliza para el nombre de su empresa, producto o proyecto.

La clase .navbar-burger-icon representa el icono  menú hamburguesa.

El  subcomponente con la clase .navbar-brand se utiliza para el nombre de su empresa, producto o proyecto.

Añadiremos las clase .navbar-toggler al elemento padre que contenga los elementos que queremos que se colapsan en el icono.

La clase .navbar-toggler-icon representa el icono  menú hamburguesa.