Grid (teoría) | Navis Code Academy

Autoplay
Autocompletar

Anterior lectura Completar y continuar

Bootstrap 4 Responsive Design profesional + Proyecto

Introducción proyecto final

Introducción (1:03)

Instalación y setup

Tipo 1: Descarga (8:34)
Tipo 2: CDN (1:20)

Estructura y Grid

Grid (teoría) (2:11)
Estructura Grid y Breakpoint (14:33)
Alineación (7:13)
Orden de columnas (3:02)
Desplazamiento de columnas (offset) (5:32)
Flexbox (7:36)

Tipografía y Utilidades

Encabezados (7:06)
Colores y Fondos (3:47)
Margin y Padding (10:33)
Alineación de texto (3:46)
Bordes (8:29)
Imágenes (6:22)
Shadows (1:44)

Componentes CSS

Alerts (7:05)
Botones (7:05)
Insignias (4:25)
Listas (8:34)
Barras de progreso (10:13)
Tablas (12:11)
Paginación (6:09)
Cards Parte 1 (14:20)
Cards Parte 2 (6:16)
Jumbotron (3:44)

Componentes JS

Introducción y setup (0:55)
Carousel - Parte 1 (8:37)
Carousel - Parte 2 (4:06)
Navbar - Parte 1 (7:21)
Navbar - Parte 2 (8:12)
Navbar - Parte 3 (5:12)
Extra - Plugin collapse (3:30)
Formulario - Parte 1 (6:25)
Formulario - Parte 2 (9:12)
Formulario - Parte 3 (11:48)
Formulario - Parte 4 (3:47)
Formulario - Parte 5 (Validación) (6:34)
Modal (12:27)
Popover (5:10)
Toast (5:40)

Proyecto

Setup (4:12)
Barra de navegación (navbar) (5:24)
Section 1: Hero (10:11)
Section 2: Opinions (7:50)
Section 3: Features (parte 1) (5:27)
Section 3: Features (parte 2) (9:30)
Section 3: Features (parte 3) (6:26)
Section 3: Features (parte 4) (2:10)
Section 3: Features (parte 5 - estilos) (5:22)
Section 4: Preview (parte 1) (11:46)
Section 4: Preview (parte 2) (4:56)
Section 5: Details (5:58)
Section 6: Form (parte 1) (5:05)
Section 6: Form (parte 2) (7:33)
Footer + Section Copyright (10:55)
Extra - EFECTOS (6:26)

Teach online with

Grid (teoría)

Completar y continuar