Bootstrap 4``col lg-4`保留在自定义域上，但不在Heroku上

Question

这是最奇怪的bug。

我的应用程序上有一个基本的bootstrap col-lg-4情况。它在localhost和我的Heroku链接(here，如果您想要进行故障排除)上可以正常工作。这是页面底部的三个博客专栏)。

但是，当您查看Heroku站点映射到的自定义域名(here，用于故障排除)时，无论页面宽度如何，列都会彼此堆叠在一起。

我在谷歌托管的域名和指向DNSimple的域名服务器上都尝试过。我不能再转移51天的域名，因为它是新的，但我不能想象这应该是必要的。

有没有人经历过这样的事情？有谁有变通办法吗？

Answer 1

无论我查看Heroku链接还是自定义域，我都得到了相同的行为。我认为问题是在行中，在<div class="col-lg-4">标记之外有一个<a>标记，这干扰了Bootstrap网格。

我将该元素从您的站点复制到this JSFiddle中，这似乎复制了您正在讨论的问题。然后，我将链接移到了列div和it seems to now give the behaviour you were looking for中。我希望这能解决你的问题！