COURSE PREVIEWAbout this course
Bootstrap 5 es sin duda el framework más utilizado para hacer páginas web responsivas de manera rápida y profesional en el mundo, pero no solo nos permite adaptar nuestras páginas web a cualquier dispositivo, sino que nos brinda una enorme gama de herramientas para simplificarnos la vida de diseñadores y desarrolladores web.
Este curso está enfocado para personas que no tengan ningún conocimiento sobre el tema, hasta poder lograr páginas flexibles y poderosas. Es necesario que se tengan conocimientos básicos sobre HTML y CSS, pero no necesitas ser un experto en el área. No necesitas tener ningún conocimiento en JavaScript, ya que no utilizaremos este lenguaje.
Al final el curso podrás:
Comprender los inicios de Bootstrap 5, cómo instalarlo en la computadora o desde un CDN, usar básicamente la cuadrícula para hacer una página responsiva.
Aprender las diferencias de tipografía y de estilo entre HTML y Bootstrap 5 en etiquetas como abbr, mark, pre, kdb o blockquote.
Aprender a crear listas agrupadas, paneles y grupos de paneles, menús dropdown, listas colapsables, crear un acordeón, menú de tabuladores, menú de píldoras, menús verticales, así como tabuladores y píldoras centradas en Bootstrap.
Crear barras de navegación normales y en colores invertidos, añadir un dropdown, crear opciones a la derecha e izquierda de la barra, agregar botones, un formulario y hacer una barra colapsable para un dispositivo pequeño.
Aprender a crear y modificar los objetos media, centrando verticalmente, justificarlo a la izquierda o derecha o anidarlos.
Crear un carrusel de imágenes y posteriormente agregará subtítulos, creará ventanas modales, añadirá un tooltip a un elemento HTML, creará ventanas popover, así como una barra ScrollSpy y un componente Affix.
Crear páginas responsivas de varias columna para dispositivos pequeños, medianos, computadoras de escritorio y de pantalla ancha. Conocerá el uso de las clases hidden, visible, clearfix, offset, pull y push.
En el curso encontrarás los apuntes a cada sección, así como más de 100 ejercicios que te ayudarán a lograr nuestros objetivos. Para este curso necesitas una computadora con Internet y un navegador moderno, así como un editor de código como SublimeText, Brackets, Dreamweaver, etc.
What you'll learn
- Comprenderá los inicios de Bootstrap, cómo instalarlo en la computadora o desde un CDN, usar básicamente la cuadrícula para hacer una página responsiva.
- Aprenderá las diferencias de tipografía y de estilo entre HTML y Bootstrap en etiquetas como abbr, mark, pre, kdb o blockquote
- Aprenderá a crear listas agrupadas, paneles y grupos de paneles, menús dropdown, listas colapsables, crear un acordeón, menú de tabuladores, menú de píldoras.
- Creará barras de navegación normales y en colores invertidos, añadir un dropdown, crear opciones a la derecha e izquierda de la barra, agregar botones.
- Aprenderá a crear y modificar los objetos media, centrándo verticalmente, justificarlo a la izquierda o derecha o anidarlos.
- Creará un carrusel de imágenes y posteriormente agregará subtítulos, creará ventanas modales, añadirá un tooltip a un elemento HTML, creará ventanas popover.
- Creará páginas responsivas de varias columna para dispositivos pequeños, medianos, computadoras de escritorio y de pantalla ancha. Conocerá el uso de las clases
Before you begin
- Para este curso debes tener una computadora con conexión a Internet, un navegador moderno y un editor de código como SublimeText, Brackets, etc.
Who this is for
- Desarrolladores y diseñadores de páginas web con conocimientos básicos de HTML y CSS.
How do you feel about this course?
Share your reaction. Select one emoji to leave or update your rating.
Please wait 30 seconds to explore this course.
This course opens on an external website.
Join the conversation
Share a thought or question. No account required.
Be the first to share your thoughts.
![[NEW] MB-500: Dynamics 365 Developer - Exam Preparation 2026 preview](/images/courses/mb-500-dynamics-365-developer-exam-preparation-1793352878-5f0899.jpg)

![[NEW] Microsoft 365 Fundamentals - Exam Preparation 2026 preview](/images/courses/microsoft-365-fundamentals-exam-preparation-1793352864-9644e8.jpg)
![[NEW] Azure AI Fundamentals - Exam Preparation 2026 preview](/images/courses/azure-ai-fundamentals-exam-preparation-1793345777-5ba0e0.jpg)