Tutorial Bootstrap 3: Barra de navegación y Menú (Nav y Navbar)



https://i.ytimg.com/vi/sLos6pkMXK8/hqdefault.jpg



Tutorial Bootstrap 3: Barra de navegación y Menú

Otro elemento bastante típico y común en muchas páginas web es la zona de navegación, formada por enlaces a las zonas principales de la web, o por un menú de navegación, desplegable de enlaces, etc.
En esta guía creamos nuestra barra de navegación que tendrá la característica de ser responsiva.

Material y Código:
https://github.com/DevCodela/Guia-Bootstrap-3

Para seguir con esta iniciativa no te olvides de suscribirte al canal y seguirnos en facebook y twitter.

Twitter: https://twitter.com/DevCodela
Facebook: https://www.facebook.com/DevCode.la

Original source


39 responses to “Tutorial Bootstrap 3: Barra de navegación y Menú (Nav y Navbar)”

  1. Excelente tutorial, pero como haces cuando estas en un dispositivo móvil y queres que al hacer click en un elemento de navegacion la barra desaparezca , porque hay que hacer click continuamente en el boton de navegacion para que desaparezca

  2. no me funciona el menu desplegable, ya intente importando las librerias y nada..
    llame los archivos con estos scripts.. pero necesito tener conexion a internet para que pueda aser su funcion..
    <script src="js/vendor/jquery-1.11.0.min.js"></script>
            <script src="js/vendor/bootstrap.min.js"></script>

    PERO QUIERO QUE ME HAGA el menu despegable con estos.. por que importo
    <Script src"js/jquery.js"></script>
    <Script src"js/bootstrap.min.js"></script>

    AYUDA!!!!!!!

  3. buenas tardes yo estoy teniendo muchos problemas para implementar el menu desplegable como explicas en este video, uso joomla 3.4.1 en mi web, bootstrap yo creo que estoy llamando bien a los archivos js y css con el codigo y a mi en mi pagina no me funciona el tutorial me sale un boton y listo algo que no deberia pasar saludos.

  4. Hola Buen día, gracias por los tutoriales, me han servido de mucha ayuda, ya logre hacer el menú, pero estaba intentando cambiarle los colores y no puedo, quiero que se cambien los colores de las letras y del botón al pasar el cursor sobre él… Qué debería hacer??

  5. Hola amigos, ante todo muchas gracias, sus videos son excelentes me han ayudado bastante. Pero hay un consulta que quisiera hacerles: ¿cómo se haría para crear un submenú dentro de otro submenú?. Por ejemplo si en el submenu BOOTSTRAP de su video se desprende otro submenú. Estoy usando bootstrap 3.3.2 . De antemano muchas gracias.

  6. hola, me encanto tu tutorial, buenisimo, de hecho lo hice funcionar en mi pc y funciono de maravilla, pero a la hora de que lo hago correr en un movil de verdad, simplemente toma la version de tablet, ya no se que hacer para arreglarlo. saludos

  7. Resolví el problema El "error" del menu desplegable es que no llama los archivos de la carpeta vendor/js en <head>
            <script src="js/vendor/modernizr-2.6.2.min.js"></script>
            <script src="js/vendor/bootstrap.js"></script>
            <script src="js/vendor/jquery-1.11.0.min.js"></script>
            <script src="js/vendor/bootstrap.min.js"></script>
    Gracias por los tutoriales me agradan por que es muy concisos
      

  8. Gracias me estan sirviendo mucho tus videos solo me gustaria que explicara un poco mas para que sirve cada cosa como data-toggle que es el toggle y en si las diferencias del nav y navbar y cositas asi pero esta bien ahi uno se va dando cuenta muchas gracias.

  9. Hola que tal, buen video, pero tengo una duda o dudas, quiero cambiar el color de las letras del menú pero no sé como hacerlo cómo podría personalizar el diseño en esos aspectos? … intente poner un menú que no es de bootstrap pero cuando lo meto en su código a la hora de adaptarlo a la versión mobil el menú no se despliega en lista cuando le das clic al icono "de las 3 lineas" y aparece de corrido. Espero me pueda ayudar, saludos.

Leave a Reply