Bootstrap está diseñado para ayudar a los desarrolladores a crear rápida y fácilmente sitios web con capacidad de respuesta y preparados para los dispositivos móviles, compatibles con todos los navegadores. Bootstrap, un marco de trabajo de código abierto, cuenta con una cuadrícula de 12 columnas y componentes listos para usar. En este te ayuda a empezar con Bootstrap, proporcionando una visión general de todas las bondades de este popular framework. Cubre las opciones de instalación, y camina a través de los estilos básicos que normalizan cómo su contenido se muestra en diferentes plataformas y navegadores. También explica cómo utilizar el sistema de rejilla flexbox para construir casi cualquier tipo de diseño que puedas soñar, utilizar diferentes clases para moverse fácilmente por tu proyecto, trabajar con componentes interactivos como los desplegables y los carruseles, y mucho más.
Tiempo Total en Video
Producido por
En este programa aprenderás:
✓ Crear una plantilla básica. ✓ Revisar los estilos básicos y la tipografía. ✓ Utilizar los colores con Bootstrap. ✓ Trabajar con clases que te ayuden a manejar las imágenes. ✓ Trabajar con contenedores de rejilla. ✓ Desplazamiento de columnas. ✓ Uso de grupos de listas para estilizar listas, botones y enlaces. ✓ Uso de las migas de pan. ✓ Revisión de los componentes de diseño. ✓ Uso de estilos de formulario. ✓ Trabajar con componentes interactivos.Contenido de el curso
-
- Bienvenida 00:02:20
- Instalación 00:06:05
- Creación de una plantilla básica 00:04:10
- Autoevaluación de la unidad 1 00:05:00
-
- Información general 00:01:39
- Tipografía básica 00:06:59
- Utilidades Tipográficas 00:07:31
- Blockquotes y listas 00:05:21
- Usando colores con Bootstrap 00:04:31
- Trabajar con imágenes 00:06:23
- Variables CSS 00:05:35
- Selección de texto 00:01:40
- Autoevaluación de la unidad 2 00:05:00
- Descripción general 00:01:27
- Usando contenedores 00:08:33
- Trabajar con filas y columnas 00:10:45
- Varias clases de columnas 00:07:28
- Columnas compensadas 00:02:32
- Columnas anidadas 00:04:47
- Orden personalizado 00:03:41
- Opciones de alineación de cuadrícula 00:07:38
- Propiedades de visualización 00:10:21
- Opciones de contenedor Flexbox 00:10:20
- Elementos flexibles individuales 00:04:23
- Elementos flotantes 00:04:08
- Margen y relleno 00:04:49
- Visibilidad 00:02:55
- Dimensionamiento de utilidades 00:03:36
- Usando borders 00:03:42
- Autoevaluación de la unidad 3 00:10:00
- Resumen de elementos de estilo básico 00:01:22
- Crear botones 00:04:19
- Grupos de botones 00:04:09
- Usar badge 00:01:55
- Estilos de barra de progreso 00:06:33
- Lista de grupos 00:05:32
- Breadcrumbs 00:03:18
- Sombras 00:01:58
- Autoevaluación de la unidad 5 00:08:00
- Descripción general de los estilos de formulario 00:00:49
- Crea un formulario básico 00:04:00
- Casillas de verificación y clases de radio 00:04:03
- Opciones de estilo 00:01:38
- Formas multicolumna 00:07:57
- Crear grupos de entrada 00:06:01
- Componentes de formularios personalizados 00:07:11
- Autoevaluación de la unidad 7 00:05:00
