Introducción a Bootstrap 4
  • Bienvenida al curso de Introducción a Bootstrap 4
  • Introducción a Bootstrap 4
  • Instalar Bootstrap en la computadora o desde un CDN
  • Las clases .container y .container-fluid para iniciar
  • Introducción al Grid System
  • La configuración básica de la tipografía en Bootstrap 4
  • El uso de las etiquetas , .
    y listas de difiniciones
  • Etiquetas para el manejo de código con Bootstrap 4
  • Clases para remarcar textos y fondos según su contexto
  • Apuntes a la primera sección
Manejo de diferentes etiquetas con Bootstrap 4
  • Manejo de las tablas con Bootstrap 4
  • Realizar las imágenes responsivas y modificar las esquinas
  • Crear un jumbotron con Bootstrap 4
  • Crear alertas con Bootstrap 4
  • Manejo de botones con Bootstrap 4
  • Crear grupos de botones con Bootstrap 4
  • Los distintivos en Bootstrap 4
  • Paginación y migas de pan
  • Barras de progreso
  • Apuntes a la segunda sección del curso Introducción a Bootstrap 4
Listas de agrupación
  • Introducción a las list-group
  • List group con insignias y personalizado
  • Las cartas o tarjetas en Bootstrap 4
  • Modificar el estilo de las tarjetas o cartas y añadirles un list-group con flush
  • Crear un grupo de tarjetas o cartas con card-group
  • Crear un grupo de tarjetas o cartas con card-deck
  • Agrupar las tarjetas o cartas con card-columns
  • Crear un menú con dropdown
  • Variaciones y tamaños de un dropdown
  • Apuntes a la tercera sección
Divisiones colapsables y barras de navegación
  • Una división colapsable
  • Crear divisiones múltiples
  • Crear una acordeón con Bootstrap 4
  • Crear un objeto nav con Bootstrap 4
  • Crear nav con tabuladores y píldoras con Bootstrap 4
  • Hacer un nav dinámico
  • Crear una barra de navegación básica con Bootstrap 4
  • Crear una barra de navegación responsiva con Bootstrap 4
  • Crear una barra de navegación con cajas de entrada
  • Crear una barra "pegajosa" con Bootstrap 4
  • Crear una barra de navegación responsiva con un formulario con Bootstrap 4
  • Apuntes a la cuarta sección
Crear formularios con Bootstrap 4
  • Manejo básico de formularios con Bootstrap 4
  • Cambiar el tamaño de las cajas de entrada en un formulario con BS4
  • Manejo de las cajas de verificación y de los botones de radio en Bootstrap 4
  • Dar formato a un formulario con el grid system de Bootstrap 4
  • Crear un formulario horizontal con Bootstrap 4
  • Controlar el ancho de las columnas en un formulario
  • Crear un formulario en una línea o inline
  • Crear texto auxiliar en un formulario con Bootstrap 4
  • Apuntes a la quinta sección
Los input-group
  • Introducción a los input group
  • Controlar las alturas de los elementos input group
  • Crear un input-group con cajas de verificación o botones de radio
  • Crear un input-multiple con varias cajas de entrada
  • Crear un input-group con varios añadidos
  • Añadir botones a elementos de un formulario con input-group
  • Añadir botones con dropdown con un input-group
  • Añadir botones dobles en elementos de formularios con input-group
  • Añadir botones y enunciado en elementos