title: How to Get total and Current Slide Number of Carousel in Bootstrap 3.3.4
body: <p>Hello guys i want to get current slide number of carousel in bootstrap 3.3.4 i already used this script in below 3 version and work perfectly but in version 3.3.4 not working any one help me out of this situation 
  thnx in advance
  code which is use</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var totalItems = $('.item').length;
  var currentIndex = $('div.active').index() + 1;
  $('.num').html(''+currentIndex+'/'+totalItems+'');
  
  $('#myCarousel').carousel({
      interval: 2000
  });
  
  $('#myCarousel').bind('slid', function() {
      currentIndex = $('div.active').index() + 1;
     $('.num').html(''+currentIndex+'/'+totalItems+'');
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container {
      margin-top: 10px;
  }
  .num{
      background:#000;
      color:#fff;
      padding:10px;
      width:50px;
      text-align:center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" rel="stylesheet"/&gt;
  &lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="well span9 columns"&gt;
          &lt;div id="myCarousel" class="carousel slide"&gt;
              &lt;div class="carousel-inner"&gt;
                  &lt;div class="item active"&gt;
                      &lt;img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="" /&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="" /&gt;
                  &lt;/div&gt;
              &lt;/div&gt; 
              &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;‹&lt;/a&gt;
              &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;›&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="num"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>but when i used in version 3.3.4 it did not working please please help me</p>