title: Web animations with Jquery plugins : wow slideInUp doesn't work
body: <p>I'm trying to animate my web page, using the wow.js plugin, but unfortunately, the only animation that I wanna use seems to not work in my case. When I try slideInDown, slideInLeft and others this works fine. I use Bootstrap for my responsive web design. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
  &lt;meta charset="utf-8"/&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1, user-scalable=no"/&gt;
      &lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      &lt;link href="bootstrap/css/bootstrap.css" rel="stylesheet"/&gt;&gt;
      &lt;link rel="stylesheet" href="bootstrap/css/animate.css"&gt;
      &lt;link rel="stylesheet" href="bootstrap/css/site.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
  &lt;div class="organic container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-xs-7 col-xs-offset-4 col-sm-7 col-sm-offset-4 col-md-7 col-md-offset-4 col-lg-7 col-lg-offset-4"&gt;&lt;img src="elem/photo-1-idea.jpg" alt="organic infusions"/&gt;&lt;/div&gt;
          &lt;h2 class="col-xs-2 col-xs-offset-2 col-sm-2 col-sm-offset-2 col-md-2 col-md-offset-2 col-lg-2 col-lg-offset-2 wow slideInUp" data-wow-offset="10" data-wow-duration="5s"&gt; ORGANIC&lt;/h2&gt;
          &lt;p class="col-xs-5 col-xs-offset-2 col-sm-5 col-sm-offset-2 col-md-4 col-md-offset-2 col-lg-4 col-lg-offset-2 wow slideInUp" data-wow-offset="10" data-wow-duration="5s" data-wow-iteration="20"&gt; Nos infusions en tige  offrent une nouvelle façon de consommer les plantes issues de terroirs exceptionnels.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="bootstrap/js/wow.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        wow = new WOW(
          {
            animateClass: 'animated',
            offset:       100,
            callback:     function(box) {
              console.log("WOW: animating &lt;" + box.tagName.toLowerCase() + "&gt;")
            }
          }
        );
        wow.init();
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>