对象堆叠在彼此的顶部

Question

我目前正在开发看板的项目。在尝试使用当前的前端设计将看板板行与拖放集成在一起时，我遇到了将拖放框堆叠在彼此之上的问题。

我试图在没有帮助的情况下将木板连续放置

<div class="container">
  <div class="row">

    <div class="col-sm">
      One of three columns
    </div>

    <div class="col-sm">
      One of three columns
    </div>

    <div class="col-sm">
      One of three columns
    </div>

  </div>
</div>

https://codepen.io/mictho18/pen/wbxQGE

我想要做的事情，做的事情和完成的事情分散到一边。