` с классом `.card-body`
###### Вот как он будет выглядеть в html-документе
```html
```
## \### Верхний и нижний колонтитулы
Структура карточки может быть увеличена добавлением заголовка и нижнего колонтитула. Чтобы добавить один из этих элементов, вам нужно создать контейнер `
` с `.card-header` или `.card-footer` .
###### Вот как он будет выглядеть в html-документе
```html
```
## \### Карточки с изображениями
* Вы также можете использовать определенные классы для отображения изображений в карточках.
* Для этой цели есть два класса: card-img-top, который помещает изображение в верхнюю часть карточки и card-img-bottom, которая помещает изображение снизу, причем оба они аккуратно подгоняют их к закругленной границе карточки.
* Эти классы должны использоваться с тегом `
` внутри карточки для правильной работы.
* Имейте в виду, что если вы хотите, чтобы изображение охватывало всю ширину - добавляйте контейнер изображения вне контейнера `
` с классом body-body.
###### Вот как он будет выглядеть в html-документе
```html
Body content
Body content
```
## \### Наложение карточек
* Чтобы сделать изображение на фоне карточки и отобразить текст поверх нее, вам нужно использовать класс-img-overlay для содержимого, которое вы хотите отображать на изображении, вместо использования класса `.card-body` ,
###### Вот как он будет выглядеть в html-документе
```html
Overlay content
```