Introducción a Bootstrap 4
- Descarga de archivos que usaremos en este curso
- Requisitos
- Entendiendo Mobile Firts
- Te presento a Bootstrap 4
- Novedades de Bootstrap 4
Instalacion de bt4
- Instalacion rápida de Bootstrap (CDN)
- Instalacion de Bootstrap en local (Parte 1)
- Instalacion de Bootstrap en local (Parte 2)
- El secreto para dominar Bootstrap 4
- Trabajando con Koala App
- Insertando estilos CSS personalizados
- Instalando el plugin "Bootstrap 4 Autocomplete"
Dominando Sistema de Columnas de Bootstrap (Grid)
- Entendiendo el Sistema de Columnas
- Regla 1 del Sistema de columnas de Bootstrap
- Regla 2 del Sistema de columnas de Bootstrap
- Regla 3 del Sistema de columnas de Bootstrap
- Regla 4 del Sistema de columnas de Bootstrap
- Regla 5 del Sistema de columnas de Bootstrap
- Regla 6 del Sistema de columnas de Bootstrap
- Regla 7 del Sistema de columnas de Bootstrap
- Regla 8 del Sistema de columnas de Bootstrap
- Regla 9 del Sistema de columnas de Bootstrap (Parte 1)
- Regla 9 del Sistema de columnas de Bootstrap (Parte 2)
- Regla 10 del Sistema de columnas de Bootstrap
- Regla 11 del Sistema de columnas de Bootstrap
- Regla 12 del Sistema de columnas de Bootstrap
- Regla 13 del Sistema de columnas de Bootstrap (Parte 1)
- Regla 13 del Sistema de columnas de Bootstrap (Parte 2)
Los Colores y tipografías
- Entendiendo las medidas REM
- Clases para encabezados
- Clases para títulos destacados
- Clases para Alineaciones de texto
- Clases para tranformaciones de texto
- Trabajando con colores
Los Espaciados
- Trabajando con márgenes
- Trabajando con márgenes Responsives
- Trabajando con espaciados internos
Flexbox usando Bootstrap 4
- Trabajando con flexbox
- Trabajando con d-flex
- Cambiando la orientación con flexbox
- Alineación en el eje principal con Flexbox
- Alineación en el eje secundario con Flexbox
- Alineación individual del los hijos con Flexbox
- La magia de Flex-fill
Clases Utilidades
- Trabajando con Bordes
- Aplicando Bordes avanzados
- Trabajando con Sombras
- Trabajando con imágenes
- ¿Qué es DISPLAY?
- Entendiendo Display: "none" y "block"
- Entendiendo Display: "inline"
- Entendiendo Display: "inline-block"
- Entendiendo Display: "flex" e "inline-flex"
- Insertando las clases DISPLAY
- Insertando clases "DISPLAY RESPONSIVE"
- Usando Embed Responsive
Los Componentes de Bootstrap 4
- ¿Qué son los componente?
- El componente Button - Manejo básico
- El componente Button - Los colores semánticos
- El componente Button - Los diseños Outlines
- El componente Collapse - Manejo básico
- El componente Collapse - Uso avanzado
- El componente Navbar - Manejo básico
- El componente Navbar -Trabajando con colores
- El componente Navbar - Insertando un contenedor
- El componente Navbar - Insertando el Botón móvil
- El componente Navbar - Creamos el menú desplegable
- El componente Navbar - Expandiendo el menú
- El componente Navbar - Trabajando con márgenes automático
Creando nuestro proyecto
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 1)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 2)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 3)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 4)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 5)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 6)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 7)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 8)
- Creando un Sitio Web Desde Cero con Bootstrap 4 (parte 9)
- Bonos Exclusivos
- Recomendaciones finales
