Se combinan filas y columnas con clases de tamaño para adaptar el diseño a pantallas grandes, medianas y pequeñas.
Duración del curso en línea: 1 horas y 53 minutos
Crea interfaces responsive en menos tiempo: aprende Bootstrap para formularios, grid y componentes. Curso online gratis con ejercicios y enfoque práctico.
Aprende a construir interfaces modernas y adaptables a cualquier pantalla con Bootstrap, una de las herramientas más usadas en desarrollo web para acelerar el diseño con CSS y componentes listos para producir. Este curso online gratuito está orientado a quienes quieren mejorar su flujo de trabajo al crear formularios, estructuras responsivas y elementos visuales coherentes, sin tener que diseñar todo desde cero.
A lo largo del curso descubrirás cómo preparar tu entorno para trabajar con Bootstrap tanto en línea como sin conexión, entendiendo qué recursos necesitas y cómo integrarlos en tus proyectos. Empezarás por los fundamentos del diseño responsive y el uso del viewport para asegurar que tu página se vea correctamente en móviles, tablets y escritorio, aplicando buenas prácticas desde el inicio.
Uno de los pilares que dominarás es el sistema de rejilla, clave para organizar el contenido con precisión. Aprenderás a combinar columnas para tamaños grandes, medianos y pequeños, y a crear diseños mixtos que se adapten automáticamente según el dispositivo. Este conocimiento te permitirá maquetar páginas y secciones de forma rápida, ordenada y mantenible.
El curso pone especial énfasis en formularios: verás cómo dar estilo profesional a campos de entrada, alinear elementos de forma vertical u horizontal y mejorar la experiencia de uso con detalles de espaciado y consistencia visual. También trabajarás con botones y variaciones típicas de interfaz, incluyendo la conversión de elementos simples en controles con apariencia interactiva, ideales para llamadas a la acción claras.
Además, aprenderás a complementar el diseño con iconos y componentes habituales en aplicaciones y sitios web: paneles para agrupar información, acordeones para mostrar y ocultar contenido y el uso correcto de las librerías necesarias para habilitar funcionalidades con JavaScript. Todo con un enfoque práctico, para que puedas replicarlo en proyectos reales y mejorar tu perfil en desarrollo web front-end.
Al terminar, tendrás una base sólida para construir páginas responsive con Bootstrap, diseñar formularios listos para producción y aplicar componentes de interfaz de manera eficiente. Es una oportunidad ideal para reforzar habilidades de maquetación y dar un salto en la calidad visual y la productividad en tus desarrollos.
1 horas y 53 minutos de curso de vídeo online
Certificado digital de finalización del curso (Gratis)
Ejercicios para entrenar tus conocimientos
100% gratis, desde el contenido hasta el certificado
¿Cómo se utiliza el sistema de grid de Bootstrap para crear diseños responsive?
Se combinan filas y columnas con clases de tamaño para adaptar el diseño a pantallas grandes, medianas y pequeñas.
¿Qué clase de Bootstrap se usa para dar estilo a los campos de un formulario?
La clase `form-control` aplica formato uniforme a inputs, selectores y áreas de texto.
¿Qué archivos se necesitan para crear un acordeón con Bootstrap?
Se deben incluir los archivos CSS y JavaScript de Bootstrap, además de la librería jQuery en versiones antiguas.
¿Listo para empezar?Descarga la app y empieza hoy mismo.
Instale la aplicación
ahora para acceder al cursoMás de 5000 cursos gratuitos
¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis
Plan de estudios con IA
La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas
De cero al éxito profesional
Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños
También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Curso GratuitoPHP tutoriales
16h37m
15 ejercicios

Curso GratuitoJavaScript desde cero
7h04m
29 ejercicios

Curso GratuitoHTML y CSS para la creación de WebSites
3h17m
2 ejercicios

Curso GratuitoAprende React desde cero
8h10m

Curso GratuitoPHP/MySQL
5h58m
21 ejercicios

Curso GratuitoSEO
1h27m
34 ejercicios

Curso GratuitoAprende HTML y CSS desde cero
5h15m

Curso GratuitoCSS flexbox
3h55m
13 ejercicios

Curso GratuitoCómo hacer sitios web usando HTML y CSS
4h00m
27 ejercicios

Curso GratuitoAngular JS desde cero
3h15m
20 ejercicios
+ 10 millones
estudiantes
Certificado gratuito y
válido con código QR
60 mil ejercicios
gratis
Calificación de 4.8/5
en tiendas de aplicaciones
Cursos gratuitos de
vídeo y audiolibros
Comentarios del curso: CSS Bootstrap
Héctor Jorge Francisco Samayoa de León
muy buen curso bien explicado recuerde se siempre de explicar el programa desde cero ya que es bueno retroalimentar y queda para los que empiezan de 0
Héctor Jorge Francisco Samayoa de León
muy lindo
Jean huansi lauri
excelente
Angel Tineo
Desactualizado y apresurado al final, da atender que no se xompleto de grabar el curso
Jose Guerrero
Muy buen Curso