Tutorial de Bootstrap 5 desde cero

Desde el curso 2015-2016, imparto la asignatura Aplicaciones y Dispositivos Móviles en el máster de Gestión de Contenidos Digitales de la Universidad de Barcelona. En esta asignatura analizamos el ecosistema tecnológico a partir del cual podemos llegar a los usuarios de dispositivos móviles mediante aplicaciones y sitios web.

Uno de los bloques de la asignatura lo dedicamos a la conceptualización, diseño y desarrollo de un sitio web responsivo con el framewok HTML/CSS Bootstrap. En esta entrada podéis visualizar una síntesis audiovisual de esa parte del curso en formato vídeo: 1) la introducción al tutorial, la presentación de la documentación de Bootstrap y la descarga de los ficheros necesarios para trabajar con este framework; 2) los fundamentos y principios que guían el uso de la retícula de Bootstrap; 3) la integración de clases utilitarias para trabajar estilos, márgenes… ; 4) el uso de componentes predefinidos de Bootstrap ; 5) uso de clases para offsetear, reordenar y ocultar columnas; 6) el uso de CSS personalizado para adaptar el framework a necesidades específicas; y 7) la integración de elementos semánticos HTML5.

1. Introducción a Bootstrap 5: descarga y primeros pasos

2. Introducción a Bootstrap 5: la retícula

Introducción a Bootstrap 5: clases utilitarias para la retícula

Introducción a Bootstrap 5: componentes

Introducción a Bootstrap 5: offsetear, reordenar y ocultar columnas

Introducción a Bootstrap 5: CSS personalizado

Introducción a Bootstrap 5: semántica HTML5