` con la clase de `.card-body`
###### Así es como se verá en un documento html.
```html
```
## \### Encabezado y pié de página
La estructura de la tarjeta se puede mejorar mediante la adición de un encabezado y un pie de página. Para agregar uno de estos elementos, debe crear un contenedor `
` con la `.card-header` o `.card-footer` .
###### Así es como se verá en un documento html.
```html
```
## \### Tarjetas con imágenes
* También puede usar clases específicas para mostrar imágenes en tarjetas.
* Hay dos clases para este propósito: card-img-top, que coloca una imagen en la parte superior de la tarjeta, y card-img-bottom, que coloca la imagen en la parte inferior, ambas encajando en el borde redondeado de la tarjeta prolijamente
* Estas clases deben usarse con la etiqueta `
` dentro de una tarjeta para que funcione correctamente.
* Tenga en cuenta que si desea que una imagen abarque todo el ancho, debe agregar el contenedor de imagen fuera del contenedor `
` con la clase de cuerpo de la tarjeta.
###### Así es como se verá en un documento html.
```html
Body content
Body content
```
## \### Superposición de tarjetas
* Para hacer una imagen en el fondo de la tarjeta y mostrar el texto encima de ella, necesita utilizar la clase card-img-overlay en el contenido, que desea mostrar sobre la imagen, en lugar de usar la clase de tarjeta de cuerpo. .
###### Así es como se verá en un documento html.
```html
Overlay content
```