Notas, capturas de pantallas y otros apuntes de la sesión 3
En la sesión de hoy:
- Comprenderemos el comportamiento de las retículas de Bootstrap 5
- Descarga las retículas para Bootstrap5 desde nuestra cuenta en Figma: https://formaciongrafica.net/u/rb5f
- Veremos un ejemplo de uso de Media Queries: https://formaciongrafica.net/u/twmq
- Trabajaremos desde la web oficial de Bootstrap: https://formaciongrafica.net/u/rb5f
- Entenderemos con las clases .container, .row y .col-
- Veremos un ejemplo básico sobre el comportamiento de las columnas en Bootstrap 5: https://formaciongrafica.net/u/bs5col
- Colocaremos los principales elementos de la página:
- NavBar (barra de menu): https://formaciongrafica.net/u/bs5nb
- Carousel (slider): https://formaciongrafica.net/u/bs5sl
Recuerda el objetivo final de nuestro taller:
Prototipo Rocha de/sign
Ejemplo de código para una Media Query:
Definiendo la carpeta de trabajo de nuestro proyecto en Atom:
Crear un archivo nuevo en nuestra carpeta de trabajo: