/ / El botón de arranque de Bootstrap no funciona - css3, twitter-bootstrap-3

El botón de arranque de Bootstrap no funciona - css3, twitter-bootstrap-3

Tengo un par de problemas con mi código. En primer lugar, no puedo averiguar por qué mi botón de navegación no funciona cuando se cambia el tamaño de la pantalla. También noté que la navegación cae debajo del encabezado y el lema a medida que la pantalla se reduce. ¿Cómo hago para que aparezca el botón antes de que la navegación caiga? Además, cuando aparece el botón de navegación, el encabezado y el lema no se alinean en el centro entre el logotipo y nav botón. Aquí hay un enlace a codepen. Si alguien puede explicar cómo solucionar estos problemas, sería muy apreciado.

http://codepen.io/anon/pen/EPjWvw

Respuestas

0 para la respuesta № 1

su objetivo de datos es incorrecto

data-target = "id de lista de menú de destino" aquí su id de lista de menú es "navegación" y lo que usted pone es "main-nav".

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#main-nav" data-toggle="collapse" type="button">

cambiar a

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#navigation" data-toggle="collapse" type="button">