javascript - 响应性可过滤的投资组合

的投资组合部分

然而，似乎我对jquery / javascript一无所知，我无法重新创建结果。

理想情况下，我试图将自己的“触摸”放在上面。它将完全像上面的网站上描绘的那样起作用，但点击它们实际上会打开一个模态。

我的麻烦地区是：
*过滤结果
*应用鼠标叠加效果（当我的鼠标结束时，我似乎只会影响底部文本，但如果它在图像上方则不会转换）

这是我的代码，我正在使用基础框架，所以当我将代码导入jsfiddle以显示我的工作时，它看起来很不错：jsfiddle.net/feF43/1/
这就是我的结局：

我正在尝试在CSS中做什么，或者我是否应该考虑在github上找到类似的效果，或者用我的代码实现？

哦，这太可惜了，我昨天真的看了这个，因为我想在我的下一个网站上使用它。我不仅仅是基金会的Bootstrap框架粉丝。

有一个名为quicksand.js的插件可以执行我认为您正在尝试执行的操作。我昨晚偶然发现了一个使用Bootstrap的教程：

不幸的是我为你研究过这个问题，基金会应用网格的方式似乎意味着流沙不能很好地运用它：

所以，也许建议你改变框架是一个有点激烈的解决方案:)但看着你的小提琴似乎两个框架之间的标记非常相似。

我刚看了一下流沙源代码，它真的不长。因此，即使你坚持使用zurb，你也可以在这里看到流沙的内在逻辑：

希望这有帮助。