Programación web con Bootstrap 5

Curso en Línea

Curso a Distancia

Contenidos

• 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.