` com a classe `.card-body`
###### É assim que vai parecer num documento html
```html
```
## \### Cabeçalho e rodapé
A estrutura do cartão pode ser aprimorada pela adição de um cabeçalho e um rodapé. Para adicionar um desses elementos, você deve criar um contêiner `
` com a `.card-header` ou `.card-footer` .
###### É assim que vai parecer num documento html
```html
```
## \### Cartões com imagens
* Você também pode usar classes específicas para exibir imagens em cartões.
* Existem duas classes para essa finalidade: card-img-top, que coloca uma imagem na parte superior da placa, e card-img-bottom, que coloca a imagem na parte inferior, ambas encaixando-as na borda arredondada do cartão. o cartão ordenadamente.
* Essas classes devem ser usadas com a tag `
` dentro de um cartão para funcionar corretamente.
* Lembre-se de que, se você quiser que uma imagem abranja toda a largura, adicione o contêiner de imagens fora do contêiner `
` com a classe de corpo do cartão.
###### É assim que vai parecer num documento html
```html
Body content
Body content
```
## \### Sobreposição de cartões
* Para criar uma imagem no plano de fundo do cartão e exibir o texto em cima, é necessário usar o img-overlay de cartão de classe no conteúdo, que você deseja exibir sobre a imagem, em vez de usar a classe body-card. .
###### É assim que vai parecer num documento html
```html
Overlay content
```