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

时间:2018-09-23 22:05:23

标签: heroku bootstrap-4

这是最奇怪的错误。

我的应用程序上存在基本的引导col-lg-4问题。它可以在localhost和我的Heroku链接(here)上按预期方式工作(如果您要进行故障排除,它是页面底部的三个博客列)。

但是,当您查看Heroku站点映射到的自定义域名(here,以进行故障排除)时,无论页面宽度如何,这些列都彼此重叠。

我在Google托管的域名和指向DNSimple的域名服务器上都尝试过这种方法。因为它是新域名,所以我不能再转让该域51天,但是我无法想象这是必要的。

有人经历过这样的事情吗?有人有解决方法吗?

1 个答案:

答案 0 :(得分:0)

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

我已将该元素从您的网站复制到this JSFiddle中,这似乎可以复制您正在谈论的问题。然后,我将链接移到div和it seems to now give the behaviour you were looking for列中。我希望这可以解决您的问题!