Wow.js动画隐藏元素没有填充

Question

我安装了WOW.js（主版）。 除了徽标之外，它的任何内容都有参与。

当我将任何转换应用于我的网站徽标时（在导航栏内，在视口顶部），我有这样的行为：

• 原样，它不起作用。带有哇类的徽标不可见，我在加载页面后得到这个HTML。

  <span class="t2g-logo animated wow fadeInDown" style="visibility: hidden; animation-name: none;">2</span>

• 当我添加填充顶部＆gt; = 0.4 em 时，它按预期工作，我在加载页面后得到此HTML。

  <span id="t2g-logo-2" class="t2g-logo wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">2</span>

我的标记非常简单：

<a class="navbar-brand" href="/">
      <span class="t2g-logo">Trip</span>
      <span class="t2g-logo wow fadeInDown">2</span>
      <span class="t2g-logo wow fadeIn">Go</span>
</a>

WOW初始化在\内部\，像这样：

<script>
    new WOW().init();
</script>

感谢任何帮助！

我创造了一个重​​复它的小提琴：http://jsfiddle.net/andreav/9n74Le1t/

尝试将padding-top增加到0.4em，它将开始工作。