Programación web con Bootstrap 5
Curso en Línea
$ 500 .00
/ inscripciónCurso a Distancia
$ 1500 .00
/ inscripciónContenidos
Tema I. Introducción a Bootstrap 5
- Introducción. Instalación. Creación de una página básica con Bootstrap 5.
Tema II. Posicionamiento con la rejilla adaptativa
- La rejilla adaptativa. Tipos de columnas. Ejemplos de cuadriculas.
Tema III. Posicionamiento con Flexbox
- Introducción a Flexbox. Propiedades de Flex Container (el contenedor padre). Propiedades de los flex-items (elementos flexibles). Flexbox con Bootstrap 5. Configuración básica. Dirección horizontal. Dirección vertical. Justify Content. Rellenar con anchos iguales. Crecimiento. Ordenamiento. Márgenes automáticos. Align Items. Align Self. Clases Flexbox adaptativas.
Tema IV. Posicionamiento con la Rejilla CSS
- Descripción del modelo Grid CSS. Grid con filas y columnas. Unidad fracción restante (fr). Filas y columnas repetitivas. Grid con líneas nombradas. Propiedades para ítems hijos. Uso de css grid con Bootstrap 5. Clases start. Auto columnas. Personalización.
Tema V. Maquetado básico con Bootstrap 5
- Texto y tipografía. Colores. Tablas. Imágenes. Utilidades. Botones.
Tema VI. Componentes de Bootstrap 5
- Grupos de botones. Jumbotron. Alertas. Insignias. Spinners. Paginación. Grupos de lista. Tarjetas. Menú desplegable. Navs. Barra de navegación. Carrusel. Modal. Tamaño del modal. Tooltip. Popover. Scrollspy. Offcanvas. Colores. Modo oscuro.