Bootstrap 4 将图像移出卡片标题的容器

pav*_*eks 0 css sass bootstrap-4

我正在努力实现这样的目标:

在此处输入图片说明正如您所看到的,我为此使用了 Bootstrap 4 卡片,问题是我真的不明白如何将图标/图像移出卡片标题的最佳方法是什么?我尝试了几个 css 位置技巧,但没有成功。目前我有这个Demo

Ned*_*rov 5

可能最好和最干净的方法是在图像顶部使用带有负边距的相对位置。

下面是一个例子:

<img src="/images/my_image.png" style="position: relative; margin-top: -31px;">
Run Code Online (Sandbox Code Playgroud)