引导旋转木马指标，以正确的顺序

Question

我试图让Twitter的引导旋转木马的工作，现在一切工作，除了那些不能正常工作，当我按下指标细下箭头指示灯不骑自行车直接跳转至第三，而不是第二次，当我回去通过点击prev箭头图像完全消失，问题在哪里？我究竟做错了什么？

在我的情况下，我得到了一个位于滑块顶部的div z-index，以实现块不移动的效果。看到自己更好地理解：

这是我的例子：http://jsfiddle.net/jRa5r/2/

这里是HTML，跟进的jsfiddle与代码的其余部分完整的例子。

<div id="myCarousel" class="carousel slide"> <!-- slider --> 
      <ol class="carousel-indicators"> 
       <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
       <li data-target="#myCarousel" data-slide-to="1"></li> 
       <li data-target="#myCarousel" data-slide-to="2"></li> 
      </ol> 
      <div class="carousel-inner"> 
       <div class="caption-block"></div> 
       <div class="active item"> <!-- item 1 --> 
        <img src="img/slider1.jpg" alt=""> 
        <div class="carousel-caption"> 
         <h4>A team with long experience in Domestic and International relationships with key sector decision-makers.</h4> 
        </div> 
       </div> <!-- end item --> 
       <div class="item"> <!-- item 2 --> 
        <img src="img/slider1.jpg" alt=""> 
        <div class="carousel-caption"> 
         <h4>Title</h4> 
         <p>Mollitia officia reiciendis excepturi temporibus quibusdam.</p> 
        </div> 
       </div> <!-- end item --> 
       <div class="item"> <!-- item 3 --> 
        <img src="img/slider1.jpg" alt=""> 
        <div class="carousel-caption"> 
         <h4>Title</h4> 
         <p>Quibusdam blanditiis.</p> 
        </div> 
       </div> <!-- end item --> 
      </div> <!-- end carousel inner --> 
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
      <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
     </div> <!-- end slider --> 

Answer 1

把你

<div class="caption-block"></div> 

出

<div class="carousel-inner"></div> 

您需要虽然restyle标题块。 Bootstrap认为你的标题可能是一个项目？

更新小提琴：

http://jsfiddle.net/jRa5r/10/

189px的“标题块”的新高度DIV是我发现的容器相匹配。 希望这有助于！