跨越整个容器的行的Bootstrap下拉div

Question

我有一个包含n个150x150图像的自举行。我在这里有这个小提琴：cumsum

每当点击其中一张图片时，我都会尝试这样的内容：https://jsfiddle.net/tzachary89/4dnva3p4/

因此，每当我有一个被点击的图像时，我想要一个显示覆盖基础行的div。 div可能最终比图片中的更高。

如何让我的下拉菜单跨越整行并覆盖其下方的行？ （不按下面的行）

<div class="container">
  <div class="row" style="background-color:#8faad8;">
    <div class="col-xl-2 col-lg-2  col-md-3 col-sm-4 col-5" style="margin: 2px 0px 0px 0px;" id="tile1">
      <img src="https://rfclipart.com/image2/thumbnail/3b-3b-f2/head-with-beard-and-hair-Download-Royalty-free-Vector-File-EPS-359793.jpg">
  <div class="container" style="background-color: white;">
    <div class="row">
      <div class="col-md-2">
        <button class="btn btn-primary">asdf</button>
        <button class="btn btn-primary">asdf</button>
      </div>
    </div>
  </div>
</div>
 </div>
 </div>