title: How to output current slide number in Bootstrap 3 Carousel?
body: <p>I'm looking to output the current slide number using Bootstrap 3's Carousel plugin. Ideally, I would like to have this as text underneath the carousel div. For example:</p>
  
  <p><strong>[CAROUSEL HERE]<br />
  3 of 9</strong></p>
  
  <p>I can output the total number of images (e.g. 9 in the example above) using a function in my CMS, but I can't figure out how to get the active slide (e.g. 3 in the example above.) </p>
  
  <p>I have searched all over and found one thread that seemed to do just that: <a href="https://stackoverflow.com/questions/17823571/how-to-get-total-and-current-slide-number-of-carousel">How to Get total and Current Slide Number of Carousel</a></p>
  
  <p>Unfortunately, I think the solution in the above thread doesn't work in Bootstrap version 3. Or maybe I'm just messing something up. </p>
  
  <p>Does anyone know if this is possible? I'm really hoping it is! Any help or suggestions would be greatly appreciated. Thanks!</p>