Bootstrap tiene esta función de colapsar los elementos del menú en la navbar de navegación a un menú de hamburguesas cuando se alcanzan ciertos puntos de interrupción del tamaño de la ventana. Sin embargo, a veces me doy cuenta de que, incluso en pantallas de mayor tamaño que no activarían este comportamiento de respuesta del botón de hamburguesa (porque están mucho más allá del punto de interrupción), el botón de hamburguesa debería aparecer cuando la barra de navegación se llena demasiado (es decir, cuando hay demasiados menús). elementos).
¿Hay alguna manera de lograr esto, preferiblemente integrado, o solo con css/html o con un esfuerzo mínimo de JS? ¿Alguien ha probado esto antes y puede compartir código y experiencias?
Así que estoy disparando un poco en la oscuridad con esta respuesta, pero creo que entiendo. Los documentos de Bootstrap proporcionan ejemplos y el ejemplo de la barra de navegación es un buen recurso para ver la flexibilidad y las clases receptivas que están disponibles.
Aparte de las .navbar-expand-lg , Bootstrap no tiene la funcionalidad nativa para saber cuándo colapsar o no.
Tal vez estas soluciones de JavaScript que tengo puedan inspirar.