Fundamentos de Bootstrap 4: Crea tu primer sitio responsive
por Erick Mines
Enseña a maquetar desde cero un sitio web responsive con Bootstrap 4: descarga del framework, encabezado, contenido y cierre del proyecto, usando componentes y plugins.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Erick Mines (2 h 58 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que quieren aprender Bootstrap 4 construyendo un sitio real paso a paso.
- Nivel
- Principiante
- Duración
- 2 h 58 min · 21 lecciones
- Precio
- Gratis en Udemy
- Autor
- Erick Mines
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso corto y práctico para iniciarse en Bootstrap 4 construyendo un sitio responsive completo. Útil para principiantes, aunque la versión del framework está superada.
Puntos fuertes
- Aprendizaje basado en un proyecto completo de principio a fin.
- Según la descripción, incluye materiales de apoyo como diseños, cheat sheet y fuentes.
- Progresión clara en pocos capítulos.
A tener en cuenta
- Bootstrap 4 es una versión antigua; hoy existen versiones más recientes.
- No consta el año de publicación.
- La duración es corta (unas 3 horas), por lo que cubre fundamentos.
De qué trata
Curso de Erick Mines de 21 lecciones y unas tres horas de duración que guía la creación de un sitio web responsive con Bootstrap 4, partiendo de cero. Empieza con una introducción y las novedades de la versión 4, y sigue con la descarga e instalación del framework.
Después se desarrolla un proyecto: se codifica el encabezado, el contenido y se finaliza el sitio, usando componentes y plugins. Cierra con un apartado sobre el siguiente paso y clases extras. La descripción indica que se proporcionan materiales como diseños en Adobe Illustrator, una guía de estilo (cheat sheet), fuentes y un script.
- Novedades de Bootstrap 4
- Descarga e instalación del framework
- Maquetación del encabezado
- Maquetación del contenido y cierre del proyecto
- Uso de componentes y plugins
Para quién es este curso
- Personas que quieren aprender Bootstrap 4 construyendo un sitio real paso a paso.
- Quien ya conoce algo de HTML y CSS y busca maquetar sitios responsive con un framework.
Mejor busca otro si…
- Quien necesite Bootstrap 5 u otra versión más reciente: este curso se centra en la versión 4.
- Quien ya domine Bootstrap y busque temas avanzados.
Antes de empezar
- La descripción indica que se enseña desde 0; menciona HTML5, CSS3 y jQuery dentro del proyecto.
Qué sabrás hacer al terminar
- Descargar e instalar Bootstrap 4 en un proyecto.
- Maquetar el encabezado de un sitio con Bootstrap 4.
- Maquetar el contenido de una página con componentes del framework.
- Finalizar un sitio web responsive completo a partir de un diseño.
Estructura del curso
- 01
Introducción y novedades
Presentación del curso y repaso de las novedades de Bootstrap 4 respecto a versiones anteriores.
- 02
Descarga e instalación
Cómo obtener Bootstrap 4 y prepararlo en el proyecto.
- 03
Construcción del proyecto
Se codifica el encabezado, luego el contenido y se finaliza el proyecto con Bootstrap 4.
- 04
Siguiente paso y clases extras
Cierre con recomendaciones para continuar y clases adicionales.
Capítulos del vídeo
- 01Introducción al curso
- 02Novedades de Bootstrap 4
- 03Descarga e instalación de Bootstrap 4
- 04Codificando el Encabezado con Bootstrap 4
- 05Codificando el contenido con Bootstrap 4
- 06Finalizando nuestro proyecto con Bootstrap 4
- 07El siguiente paso
- 08Clases extras
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1: introducción, novedades, descarga e instalación; prepara tu entorno y pruébalo.
- 2.Semana 1: encabezado; reproduce el código y modifica estilos.
- 3.Semana 2: contenido y finalización del proyecto; practica con los materiales.
- 4.Semana 2: siguiente paso y clases extras; intenta un diseño propio.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Descarga los materiales de la descripción (diseños, cheat sheet) antes de empezar.
- Escribe el código a la vez que el instructor y pausa en cada sección del encabezado y contenido.
- Prueba el sitio redimensionando la ventana para comprobar que es responsive.
- Al terminar, adapta el proyecto con tus propios textos y colores.
Antes y después de este curso
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroRefuerza HTML y CSS desde cero, incluyendo Bootstrap 4, como base para este curso.
- Antes de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndAporta una base sólida de CSS antes de usar un framework.
- Después de este cursoCurso de FlexBox desde 0Complementa la maquetación con Flexbox, que Bootstrap 4 usa internamente.
Cómo lo presenta Erick Mines
Te enseñamos a maquetar un Sitio Web usando Bootstrap 4 desde 0
Te enseñamos a maquetar un Sitio Web usando Bootstrap 4. Desde la descarga de este framework, hasta el uso de componentes y plugin que nos permitirán crear sitios web responsive, en cuestión de horas. También te proporcionaremos todos los materiales y recursos que usaremos en entrenamiento (Diseños en Adobe Illustrator, script,…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar?
La descripción dice que enseña a maquetar desde 0, aunque el proyecto usa HTML5, CSS3 y jQuery.
+¿Cuánto dura?
Unas 3 horas en 21 lecciones; con práctica, calcula entre 2 y 3 semanas a ritmo moderado.
+¿Qué materiales incluye?
Según la descripción, diseños en Adobe Illustrator, un cheat sheet de Bootstrap 4, plugin de terceros, fuentes y un script.
+¿Está actualizado?
Trata Bootstrap 4, no las versiones más recientes; no consta su año de publicación.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Erick Mines; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.