如何消除平板电脑视图中各列之间的垂直间距？

Question

我在Bootstrap 4中制作了4列网格。在Dekstop版本中，看起来像这样：

那太完美了。

之后是平板电脑版本，第一列和第三列之间存在垂直间隙。这是一张图片：

我需要消除第一列和第三列之间的垂直间距。任何帮助将不胜感激。预先感谢！

这是我的代码：

route-config.js