title: How to Get total and Current Slide Number of Carousel
body: <p>Can you please let me know how I can get the total and current number of the carousel slides in bootstrap like the image below?</p>
  
  <p><img src="https://i.stack.imgur.com/k2Il9.png" alt="Image showing current page and total number of pages"></p>
  
  <p>I have an standard Bootstrap carousel and a <code>&lt;div&gt;</code> with the <code>.num</code> class to display the total and current number and I used this code to retrieve the numbers but it didn't go through</p>
  
  <pre><code>$('.num').html(){
    $('#myCarousel').carousel({number})
  }
  </code></pre>
  
  <p>Thanks</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Please find a sample at this  jsfiddle <a href="http://jsfiddle.net/Behseini/QTjET/1/" rel="noreferrer">LINK</a></p>