title: Sliding order in bootstrap carousel
body: <p>I am using bootstrap carousel to display five images...and i disabled the sliding while calling the carousel and my code is like this</p>
  
  <pre><code>     &lt;div id="myCarousel" class="carousel"&gt;
        &lt;div class="carousel-inner"&gt;
           &lt;div class="active item"&gt;item1&lt;/div&gt;
           &lt;div class="item"&gt;item2&lt;/div&gt;
           &lt;div class="item"&gt;item3&lt;/div&gt;
           &lt;div class="item"&gt;item4&lt;/div&gt;
           &lt;div class="item"&gt;item5&lt;/div&gt;
       &lt;/div&gt;
  
       &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&gt;&lt;/a&gt;
       &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&lt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i called the carousel like this</p>
  
  <pre><code>    $('.carousel').carousel({
          interval:false
       });
  </code></pre>
  
  <p>But the problem is while sliding  the elements displayed in the order</p>
  
  <pre><code>    item,item3,item5,item2,item4
  </code></pre>
  
  <p>What is the problem in this why it is not displayed in the correct order and how can I overcome this..</p>
  
  <p><b>Additional information: </p>
  
  <p>If i give active in item2 means the order is like this item2,item4,item,item3,item5</b></p>