jquery - 当页面被压缩时，Bootstrap Top Glyph 链接将不起作用

Question

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

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

Answer 1

并不是链接失效了，而是有元素覆盖了它，所以你不能点击它。

这里是有问题的代码:

bootstrap 出现问题是因为您使用的是全宽列，并且它们都像这样堆叠在第一行的顶部:

您需要重新考虑您对 html 的看法 - 每个元素不应该是它自己的列(并且它们不作为列运行)。更不用说您使用的超过了 Bootstrap 允许的最大列宽 (12)。

它目前正在工作，因为你有 float 规则覆盖了列规则会做的事情，所以一个解决方案就是删除 col-md-4 类完全来自上面的每个 div。让我知道是否可以解决问题。