{}
Aprende diseño y desarrollo web
Cursos gratuitos interactivos

Navbar y Navegación

Crea barras de navegación profesionales y responsive.

El navbar es uno de los componentes más importantes de cualquier sitio web. Bootstrap proporciona un sistema de navegación que se adapta automáticamente a móviles.

  • navbar: contenedor principal
  • navbar-expand-lg: mostrar en desktop
  • navbar-dark: para fondos oscuros
  • bg-dark: fondo oscuro
  • collapse: ocultar en móviles

Navbar básico

  • navbar: contenedor principal
  • navbar-expand-lg: mostrar en desktop
  • navbar-dark: para fondos oscuros
  • bg-dark: fondo oscuro

Menú colapsable

  • collapse: ocultar en móviles
  • navbar-toggler: botón hamburguesa
  • data-bs-toggle: para activar
Bootstrap
07

Navbar y Navegación

Crea barras de navegación profesionales y responsive.

¿Cuánto sabes de Bootstrap?

Código del tema: navbar

📘 Teoría

Navbar básico

  • navbar: contenedor principal
  • navbar-expand-lg: mostrar en desktop
  • navbar-dark: para fondos oscuros
  • bg-dark: fondo oscuro

Menú colapsable

  • collapse: ocultar en móviles
  • navbar-toggler: botón hamburguesa
  • data-bs-toggle: para activar

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Bootstrap.

Test de Bootstrap
Recursos del curso 14
📘 Glosario 🎬 Vídeos 🔗 Enlaces 🧩 Snippets
‹
Lección 06
Modals
Lección 08
Tablas
›

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com