下面我们再去给这个卡片添加一张图片 .. 先把它放在卡片的最上面，在这个 card-block 的上面 .. 用一个 img 标签 .. 上面要加上 card-img-top ，表示这是一个在卡片头部显示的图片 .. 这个类会在图片的最上边应用一个圆角的效果 ..

如果图片要出现在卡片的最下面，你需要把 card-img-top 替换成 card-img-bottom .. 然后把这个 img 元素放在卡片的最下面 .. 图片的最下边会有一个圆角效果，正好跟卡片的圆角保持一致 ..

下面还是让这个图片在卡片的最上面显示 .. 然后我们再改造一下这个卡片 .. 让文字覆盖在图片的上面显示 .. 把在图片上的类换成 card-img .. 然后在覆盖在图片上显示的内容的容器的上面，用一个 card-img-overlay .. 这里可以把 card-block 换成这个类 .. card-img-overlay ..

你会看到，图片的上面会覆盖一层文字内容 .. 如果你想让文字变成亮色的，可以在卡片的容器上面，添加一个 card-inverse ..