title: Bootstrap 3 carousel transition speed
body: <p>I'm running into a problem.</p>
  
  <p>I've tried to do the following:</p>
  
  <pre><code>.carousel-inner &gt; .item {
   position: relative;
   display: none;
   -webkit-transition: 0.6s ease-in-out left;
   -moz-transition: 0.6s ease-in-out left;
   -o-transition: 0.6s ease-in-out left;
   transition: 0.6s ease-in-out left;
  }
  
  
  In the bootstrap.js:
  
  .emulateTransitionEnd(600)
  </code></pre>
  
  <p>But it doesn't seem to work properly. The animation speeds up. But I use a carousel-caption that contains text, which bugs. It slides properly, but then the .content-caption moves all the way to the left, disappears, and appears in it's normal position.</p>
  
  <p>Is there any other variable I need to change?</p>