Bootstrap4卡，覆盖卡片图像上的按钮？

Question

我正在尝试使用Bootstrap4，我的图像存在问题。基本上我想要实现的目标如下：

Bootstrap4 Card with top right button on image

我想在右上方的图像上叠加“3点”按钮。该按钮将作为一个下拉菜单，其中包含一些选项，如编辑，共享等...制作没有按钮的卡的代码是：

<div class="card" style="width: 20rem;">
  <img class="card-img-top" src="..." alt="Card image cap">
  <div class="card-block">
    <h4 class="card-title">Card title</h4>
    <p class="card-text">Some quick example text to build on the card 
title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>

我已经尝试将card-img-top和带有div标签的按钮包围起来，但图像移出界限。实现这一目标的任何提示？谢谢！

Answer 1

将图像用作背景图像并为其添加高度。或者将位置绝对添加到三点按钮，并将其放置在顶部：5px;右：5px。