Twitter bootstrap 如何将animate.css和viewportchecker与引导一起使用

我在一个网站中使用引导，但不能使用animate.css和viewportchecker创建这样的动画，因为在添加像这样隐藏的类后，所有元素都会永久消失

jQuery('.row.homeCats').addClass("hide").viewportChecker({
    classToAdd: 'visible animated fadeInDown',
    offset: 100
});

这是同一个页面，包含引导css和js文件，您可以看到根本没有显示任何内容

---

我尝试将隐藏类应用于多个元素，但得到了相同的结果。动画在没有具有相同元素的引导时正常工作

引导隐藏类为：

.hidden {
 display: none !important;
visibility: hidden !important;
}

所以它当然隐藏了一切。 但是animate.css中没有“隐藏”类。我不知道你为什么需要它，但是如果你需要隐藏一些东西，为什么不制作你自己的类呢

附录

因为您的问题实际上是关于viewportchecker而不是animate.css的，所以这里有一个解决方案：

将其用于CSS（已编辑）

这是您的js（已编辑）：

---

是的，我知道bootstrap使用了.hidden类，所以我想问的是如何让div像这样显示，因为默认情况下，目标div是隐藏的，然后它们在滚动时显示为动画。你的问题是关于animate.css（你应该编辑它），这不是问题，您需要更改的是viewportChecker.js。仍然是相同的问题，根本没有出现任何问题。那么，是否有某种方法可以在不隐藏元素的情况下制作示例中所示的动画？感谢您的努力和帮助链接或JSFIDLE会有所帮助。另外，更改偏移量，看看是否会产生差异。你的CSS中有一个可见的类吗？是的，我刚刚使用了上面相同的CSS，但是所有的东西都是隐藏的，并且在文章中有一个指向示例的链接。我可以正常使用animate.css，但不能隐藏元素，然后将它们显示出来，这就是问题所在

 .hideme{
 opacity:0;
 }
 .visible{
 opacity:1;
 }

jQuery('.row.homeCats').addClass("hideme").viewportChecker({
classToAdd: 'visible animated fadeInDown',
offset: 100
});