Introducción
  • Introducción y que vas aprender en este curso
  • Que es Bootstrap
  • Herramientas que utilizaremos
  • Como descargar Bootstrap 4 y agregarlo a nuestro proyecto
  • Descarga de recursos de todo el curso
Grid de Bootstrap
  • Que es la grid de Bootstrap
  • Creando nuestra primera pagina utilizando la grid
  • Columnas Automaticas
  • Alineando columnas verticalmente
  • Alineando columnas horizontalmente
  • Offseting
  • Reordenamiento de Columnas
  • Columnas Anidadas
  • [PRACTICA] Construyendo nuestra primera pagina con Bootstrap
Elementos de Bootstrap
  • Utilidades para el diseño adaptable (Responsive Utilities)
  • Tipografía y Textos
  • Tipografía y Textos (parte II)
  • Bloques de Código
  • Imagenes y Figures
  • Tablas
  • Media Object
  • [Practica] Creando una caja de comentarios con Media Object
Componentes de Bootstrap
  • Alertas
  • Insignias (Badges)
  • Botones
  • Botones (Parte II)
  • Grupos de Botones
  • Cards
  • Cards (Parte II)
  • Masonry Cards
  • Carousel (Slider / Slideshow)
  • Collapse
  • Botones Dropdown
Formularios
  • Formularios
  • Inline Forms - Formularios de tipo linea
  • Grupos de Input
  • Usando la Grid en los Formularios
  • Checkboxes y Radio Buttons
  • Formularios Personalizados
  • Variantes de Input
  • Cuadros de Ayuda
Componentes de Bootstrap (Parte II)
  • Jumbotron
  • Grupos de Listas
  • Grupos de Listas (Parte 2)
  • Ventanas Modal
  • Navs
  • Tabs
  • Navbars
  • Pagination
  • Popovers
  • Progress Bars
  • Scrollspy
  • Tooltips
Flexbox
  • Flexbox (Parte I)
  • Flexbox (Parte II)
  • Flexbox (Parte III)
Utilidades de Bootstrap
  • Bordes
  • Clearfix y Display Property
  • Colores
  • Position
  • Responsive Embeds
  • Tamaños y Espaciados
[PRACTICA] Portafolio de Trabajo
  • Presentación de la Practica
  • Estructura Básica de la Practica
  • Header (Menú de Navegación) Parte I
  • Header (Menú de Navegación) Parte II
  • Header (Slider)
  • Main (Portafolio) Parte I
  • Main (Portafolio) Parte II
  • Acerca de
  • Contacto y Footer
[PRACTICA] Panel de Administración (Dashboard)
  • Presentación de la Practica
  • Estructura Básica de la Practica
  • Menú de Navegación
  • Main (Nuevas Entradas y Widget de Estadísticas)
  • Main (Comentarios del Sitio)
  • Mediaqueries
[PROYECTO] Diseño de Red Social Estilo Facebook
  • Presentación de la Practica
  • Estructura Básica de la Practica
  • Header (Menú de Navegación) Parte I
  • Header (Menú de Navegación) Parte I
  • Barra Lateral Izquierda
  • Contenido Principal (Formulario de Publicación)
  • Contenido Principal (Publicaciones, Parte I)
  • Contenido Principal (Publicaciones, Parte II)
  • Barra Lateral Derecha (Publicidad)
  • Adaptando el Menú de Navegación a Dispositivos Moviles
  • Adaptando el Menú de Navegación a Dispositivos Moviles (Parte II)
  • Adaptando el Menú de Navegación a Dispositivos Moviles