BOOTSTRAP 4 – EJERCICIOS

PRÁCTICA 1: Alineación de cajas.

Utiliza las clases de alineamientos verticales y horizontales para producir el siguiente ejemplo:
PRÁCTICA 2: Anidamiento de columnas.
Realiza el siguiente ejemplo práctico en el cual tendrás que incluir nuevas row dentro de alguna
de las columnas:

PRÁCTICA 3: Anidamiento de columnas.

De forma parecida al anterior, realiza el siguiente ejemplo práctico:
PRÁCTICA 4: Galería fotográfica.
Diseña una galería fotográfica con 6 imágenes que se visualice de la siguiente forma:
• Tamaño col y col-sm: Una sola imagen por fila.
• Tamaño col-md y col-lg: Dos imágenes por fila.
• Tamaño col-xl: Tres imágenes por fila.
Utiliza las clases de imágenes img-fluid e img-thumbnail, así como bordes, paddings o márgenes de
las correspondientes utilidades de bootstrap.

PRÁCTICA 5: Instalación de Bootstrap 4 en Wordpress.

Nuestro objetivo final a la hora de usar bootstrap es poder aplicarlo en Wordpress. Para ello,
realiza las siguientes operaciones:
1. Realiza una nueva instalación de Wordpress en el localhost del aula o en un hosting de tu
elección si te resulta más cómodo.
2. Instala una nueva plantilla de tu gusto.
3. Crea a partir de la anterior un tema hijo. Como ayuda, visita:
https://codex.wordpress.org/es:Temas_hijos
4. Instala bootstrap en la plantilla del tema hijo creado anteriormente. Como ayuda, visita:
https://www.enriquejros.com/instalar-bootstrap-wordpress/
5. Para poder probarlo, realiza en alguna página o entrada:
1. Un caso sencillo, por ejemplo tres columnas que ocupen 3 casillas de ancho de forma
que se apilen en la resolución más pequeña y se visualicen de forma espaciada en la
misma línea en el tamaño medio.
2. Una galería de cuatro imágenes que se visualicen de forma apilada en la resolución extra
small y con dos filas de dos columnas en la resolución media.