curso de_

Bootstrap 4: Creando una pagina responsiva

Es parte de los cursos de HTML y CSS en Front End.
Discusiones sobre este curso

Bootstrap 4: Creando una pagina responsiva

Resumen del curso

  • Mantén tu código limpio utilizando las buenas prácticas de HTML5, y agiliza tu desarrollo
  • Utiliza los componentes ya hechos de navbar, carrossel, cards y modales para crear páginas responsivas automaticamente
  • Usa el método de desarrollo front-end para que tus aplicaciones sean siempre responsivas, simples y funcionales independientemente del dispositivo
  • Escribe un código HTML y CSS semântico y de calidad para que lectores de pantalla y robos de búsqueda puedan leerlo
  • Crea un patrón para los componentes de tu página o aplicación web

Público Objetivo

Personas que quieran entender el frameworks Bootstrap y mejorar su productividad en el desarrollo web.

Contenido relacionado

Cursos de HTML y CSS en Front End. Lea nuestros artículos de Front End.

Última actualización

8/19/2025

¿Ya eres alumno?

Comienza el curso ahora

10h

p/ conclusión

64

Actividades

162

Minutos de video

192

Alumnos en este curso

0

Nota del curso

Certificado de participación

Instructores

Contenido Detallado

  1. 1. Instalando Boostrap e implementado el navbar

    • Introducción
    • Instalando Bootstrap
    • Agregando el Navbar
    • Personalizando el Navbar
    • Entendiendo el Navbar
    • Utilizando Flexbox con Bootstrap
  2. 2. Agregando el carrusel y resolvinedo problemas

    • Implementando el carrusel
    • Cuando el resultado no es el esperado
    • Dando una mano con CSS
    • Interpretando las clases del carrusel
    • Controlando los intervalos de tiempo
    • Trabajando con fuentes alternativas
    • Modificando el tamaño de los divs
    • Formateando textos
  3. 3. Titulos, textos y herramientas de espacios

    • Formateando el titulo e subtitulo
    • Creando clases para formatear textos
    • Modificando margenes y padding
  4. 4. Conociendo el HTML semantico y agregando cards

    • Agregando cards
    • Personalizando los colores de los cards
    • HTML semantico
    • Agregando etiquetas semanticas al HTML
  5. 5. Alineando elementos con Boostrap Grid

    • Llenando los cards
    • Ajustando las altura de las imagenes en los cards
    • Trabajando con el Bootstrap Grid
    • Trabajando con las columnas del Grid
    • Agregando el background
  6. 6. Modal y ultimos ajustes

    • Agregando modal
    • Estilizando el modal
    • Agrengando etiquetas semantical al modal
    • Implementando el pie de pagina
    • Conclusión
  • Acceso a todos los cursos

  • Estudiar las 24 horas, dónde y cuándo quieras

  • Nuevos cursos cada semana

Whatsapp de Alura LATAMNewsletter de Alura LATAMContáctanos