He pasado horas revisando la multitud de publicaciones sobre este tema, pero aún no he podido resolver por qué obtengo dos líneas cuando hago la pantalla más pequeña, cuando el resultado esperado es obtener el botón de alternancia.

Intenté cambiar el ancho máximo como se describe aquí agregando el adicional datos css.

También probé lo que se sugiere aquí .

Esto es en tamaño de pantalla de escritorio grande completo:

enter image description here

Esto es 3/4 del tamaño de una pantalla de escritorio grande:

enter image description here

Esto es a la mitad del tamaño de una pantalla de escritorio grande:

enter image description here

Aquí está el código

0
jroyce 20 feb. 2018 a las 23:08

2 respuestas

La mejor respuesta

Fácil de arreglar.

Es porque tiene dos enlaces de marca de barra de navegación.

    <a class="navbar-brand" href="#"><img src="" alt="Text">
    </a></div><a class="navbar-brand" href="#">
    </a>

Deshazte del segundo y el div final, debería ser solo esto:

    <a class="navbar-brand" href="#"><img src="" alt="Text">
    </a>
1
Dan 20 feb. 2018 a las 20:58

Eso no es un problema con bootstrap, así es como funciona bootstrap. Cuando reduzca el tamaño medio de la pantalla, los elementos alineados a la derecha irán a una nueva línea. Solo en pantallas pequeñas, verá el menú de hamburguesas.

1
Buzzzzzzz 20 feb. 2018 a las 20:41