html - 动画 Bootstrap 主题不起作用

Question

Animate.css 在容器和 header 之外工作，但不在内部。我花了一整天，找不到修复方法，但我做的一切都是正确的。就像我说的，如果我把它随机放在某个地方，它就会起作用。提前谢谢你。

编辑:无论我选择什么动画，它都不会做任何动画!

EDIT2:动画发生得很快，我在我的电脑上看不到它，我怎么能延迟它？谢谢!

 <header id="intro">
   <div class="container">
      <div class="table">
         <div class="header-text">
            <div class="row">
               <div class="col-md-12 text-center">
                  <div class="animated bounce">
                     <h2 class="light white">text.</h2>
                     <h1 class="white typed"></h1>
                     <ol></ol>
                     <a href="#" class="btn btn-blue">sign up</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-12 text-center">
         <h6 class="light white">Copyright &copy; 2016</h6>
      </div>
   </div>
</header>

Answer 1

将整个 animate.css 粘贴到 jsfiddle 的 CSS 中后，您的工作正常: https://jsfiddle.net/khc7ytf3/

为了更好的可视化，我刚刚添加了无限类。

<header id="intro">
   <div class="container">
      <div class="table">
         <div class="header-text">
            <div class="row">
               <div class="col-md-12 text-center">
                  <div class="animated bounce infinite">
                     <h2 class="light white">text.</h2>
                     <h1 class="white typed"></h1>
                     <ol></ol>
                     <a href="#" class="btn btn-blue">sign up</a>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="col-md-12 text-center">
         <h6 class="light white">Copyright &copy; 2016</h6>
      </div>
   </div>
</header>

您确定，您已将 animate.css 添加到您的 html 文件中吗？ ( https://raw.githubusercontent.com/daneden/animate.css/master/animate.css )

查看自述文件如何使用 animate.css ( https://github.com/daneden/animate.css/blob/master/README.md )

我假设您是在支持 CSS3 动画的浏览器上进行测试？ ( http://www.w3schools.com/css/css3_animations.asp )