CLASE 11:
-BOOTSTRAP: Es una biblioteca CSS y JS, para maquetar HTML directamente mediante clases predefinidas. Nos permite hacer de forma simple elementos comunes a muchas webs.
-Empezamos construyendo una estructura HTML típica.

Accederiamos a esta web https://getbootstrap.com/
Debemos incluir la llamada CSS y JS a bootstrap en el head

-Vamos a ver acciones básicas creadas con bootstrap
-En el body añadimos una clase y ponemos algo, se nos muestra así:

Con esto creamos un contendedor básico de HTML, se pueden crear contenedores conforme la resolución de la pantalla: https://getbootstrap.com/docs/5.1/layout/containers/

Dentro del contenedor vamos incluir columnas, se realiza  con la clase row fila) y col columna)
Aquí se  crean  columnas que indicamos con los colores de fondo primario y secundario.

Ahora definimos tamaños distintos para cada una de las columnas, deben sumar 12 entre ellas.

-Podemos colocar columnas de muchas formas, esta es una opción:
https://getbootstrap.com/docs/5.1/layout/columns/

-Podemos modificar margin y padding de forma simple indicando m o p + un número de 1 a 5. Podemos también definir solo el espacio vertical u horizontal con mx, px, my, py.

-Podemos también definir cada posición de margin o padding con los modificadores S (start=inicio) E (end=final) T (Top=arriba) B (Botom=abajo)

-Podemos cambiar el tamaño de letra con cla clase de letra y un numero como en este ejemplo:

https://getbootstrap.com/docs/5.1/content/typography/

-Podemos cambiar la posición si esta en el centro, al final o al principio añadiendo esto:

-Aquí podemos cambiar los colores poniendo text y el nombre de cada color:

-Vamos a colocar una imagen, las imágenes se puede colocar de diferentes formas:
-Colocamos una imagen en la carpeta img, y hacemos varias modificaciones:
-Con W modificamos el tamaño de ancho
-Con rounded ponemos las esquinas curvas
-Con shadow creamos una sombra
-Con img-flui / img-thmbnail colocamos de distinta forma las imágenes.

https://getbootstrap.com/docs/5.1/content/images/