Javascript 响应布局中的jquery排序表

我有一个3列的布局，可以折叠成一列。我希望能够在列之间移动div。我遇到的问题是，一旦列为空，就无法将div移回其中

请参见此处（将所有div移到一列中）：

---

在列上放置一个固定的宽度可以解决这个问题，但是我的布局会停止响应

您可以在列上设置最小高度和最小宽度，当列中没有小部件时，它们仍然会占用空间

.widgetCol{ margin:0 1% 0 1%; width:98.0%; min-width:20px; min-height: 20px}

---

我已经更新了你的提琴来演示：

问题是当小屏幕的布局崩溃时，强制最小高度会破坏布局，即小部件之间会有额外的20px