```
## ### 页眉和页脚
可以通过添加页眉和页脚来增强卡的结构。要添加其中一个元素,必须使用`.card-header`或`.card-footer`类创建`
`容器。
###### 这就是它在html doc中的外观
```html
```
## ###卡片与图像
* 您还可以使用特定的类来显示卡片中的图像。
* 为此目的有两个类:card-img-top,它将图像放在卡片的顶部;而card-img-bottom,将图像放在底部,两者都使它们适合圆形边框。卡整齐地。
* 这些类必须与卡内的`
`标签一起使用才能正常工作。
* 请记住,如果您希望图像跨越整个宽度,则可以使用card-body类将图像容器添加到`
`容器之外。
###### 这就是它在html doc中的外观
```html
Body content
Body content
```
## ###卡片叠加
* 要将图像放入卡片的背景并在其上显示文本,您需要在要在图像上显示的内容上使用class card-img-overlay,而不是使用卡片体类。
###### 这就是它在html doc中的外观
```html
Overlay content
```