# Ejercicios 3

## Ejercicio 1 - Maquetación de componentes

Para practicar con los componentes de Bootstrap y su integración en el sistema de rejilla se propone la realización de un nuevo sitio web con el siguiente aspecto:

![](/files/-LwrBQS9TBHK3ceUsFY4)

Esta web está dividida en tres zonas: cabecera, zona de contenido y pie de página. En la zona de contenido se incluye 5 tarjetas (cards) con el mismo diseño. Como se puede ver en el diseño superior, el número de tarjetas por fila cambiará dependiendo del tamaño de la pantalla.

Además, al pulsar sobre el botón de las tarjetas (todas tendrán el mismo enlace), se abrirá la siguiente página:

![](/files/-LwrBQSB3LQOcQ8UWtBG)

Esta página tendrá un único diseño: barra superior, zona de contenido y pie de paǵina. En este caso en la barra superior se añadirá un botón para volver a la página anterior. En la zona de contenido tendremos un título, dos párrafos con texto de ejemplo, una imagen y dos botones (en la misma fila). El primer botón nos permitirá volver a la página anterior y el segundo mostrará una lista de acciones. Este segundo botón lo podemos implementar mediante un Dropdown que muestre las opciones: "Guardar favorito", "Exportar a PDF", "Imprimir" y "Compartir".


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajgallego.gitbook.io/bootstrap-4/ejercicios-3.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.