title: How to disable bootstrap carousel animation?
body: <p>For example I have carousel with 3 images, when the carousel slides the new images are added via 'slid' event</p>
  
  <pre><code>$('#imageCarousel').on('slid', function (event) {
        //add more images
  });
  </code></pre>
  
  <p>I want to disable animation for the carousel, so transition time is set to 0 in carousel css as it was shown here <a href="https://stackoverflow.com/questions/17332431/how-can-i-control-the-speed-that-bootstrap-carousel-slides-in-items">removing carousel animation</a>. But after that 'slid' event does not fire. I cannot use 'slide' event, because I need to know which item is active in the carousel, but the 'active' class is not set up after the 'slide' event. How can I solve it? Thanks.</p>