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:
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c50c2a2b-0425-439e-9de4-d5ad8e0f91a5/Untitled.png)
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f7673ed6-03a7-4c4f-9c96-1c352ded0173/Untitled.png)
Definiendo la carpeta de trabajo de nuestro proyecto en Atom:
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c0382e32-5d8f-4915-8783-dc8427fa5c88/Untitled.png)
Crear un archivo nuevo en nuestra carpeta de trabajo:
![Untitled](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a7e7145d-ea9f-4811-a122-5603940655ae/Untitled.png)