title: How can I pause a Bootstrap Carousel on hover and resume it on mouse-out?
body: <p>I have a Bootstrap Carousel on my website.</p>
  
  <p>When the user hovers over an element <code>#formcontainer</code>, I'd like to pause the carousel. And when I hover off, I'd like to continue the cycle of the carousel. The first part works fine with the following code, but not the second. Can someone assist?</p>
  
  <pre><code>$(document).ready(function() {
      $('.carousel').carousel({
          interval: 1200,
          pause: "hover"
      });
  
      $('#formcontainer').hover(function(){
          $("#myCarousel4").carousel('pause');
      });
  });
  </code></pre>