当页面被压缩时，Bootstrap Top Glyph Link不起作用

Question

所以这是一个非常奇怪的问题，我已经尝试过搜索它，但老实说我不知道​​该搜索什么。

我正在创建一个列出产品的网站，您可以将它们添加到您的愿望清单中。每次添加产品的链接（Hearts）都非常有效，除非页面被压缩，因此只显示两列（或更少）。当页面压缩到两列时，顶部心脏链接不起作用。奇怪的是除了顶行的链接之外的所有其他链接都可以使用！由于某些原因，似乎它使顶部的一个无法点击。另一件事是顶行上方和下方的所有导航和分页链接都可以正常工作。这是网站：http://timtroiano.com/chalk/。如果您需要我发布任何代码，请告诉我。任何帮助是极大的赞赏！

Answer 1

并不是说链接不起作用，而是有元素覆盖它，所以你不能点击它。

这是有问题的代码：

bootstrap因为您正在使用全宽列并且它们全部堆叠在第一行的顶部而崩溃，因为这样：

您需要重新考虑如何考虑您的HTML - 每个项目都不应该是它自己的列（并且它们不能作为列运行）。更不用说你使用的是超过最大列宽度的bootstrap允许（12）。

目前它正在运行，因为你有float规则覆盖了列规则的规则，所以一个解决办法就是从每个div中完全删除col-md-4类以上。如果有问题，请告诉我。