Jquery 在引导转盘上定位下一个和上一个按钮

Jquery 在引导转盘上定位下一个和上一个按钮,jquery,twitter-bootstrap,carousel,Jquery,Twitter Bootstrap,Carousel,我正在尝试使用引导旋转木马(幻灯片)。我复制了代码和所有内容,但“下一步”按钮位于滑块外部。 运行代码如下所示: 如果看到,现在右箭头(下一步按钮)位于图像外部。 我试着将一个div与row和一个div与span6或span8放在一起,但没有成功 <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-targ

我正在尝试使用引导旋转木马(幻灯片)。我复制了代码和所有内容,但“下一步”按钮位于滑块外部。 运行代码如下所示: 如果看到,现在右箭头(下一步按钮)位于图像外部。 我试着将一个div与row和一个div与span6或span8放在一起,但没有成功

    <div id="myCarousel" class="carousel slide">
        <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>
        <!-- Carousel items -->
    <div class="row">
    <div class="span8">    
        <div class="carousel-inner">
            <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"> </div>
            <div class="item"> <img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg">       
            </div>
            <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"> </div>
        </div>
        <!-- Carousel nav -->
        <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>
    </div><!-- span -->
    </div>    <!-- row -->

  • 我想要的是在每个幻灯片的左侧放置一个图像,在右侧放置一个段落,然后按Next和Prv按钮,它应该显示出来。 我的问题如下:

  • 如何将两个按钮放置在图像外部(左侧和右侧)
  • 怎么能像“prev”button那样在图像上显示下一步按钮(右箭头)
  • 我怎样才能正常地暂停它,使其仅在单击“下一步”和“上一步”时工作? 多谢各位
  • 通过使用标准标记,按钮可以正确定位。你可以应用不同的左/右位置来移动它们,就像我在这把小提琴中做的那样
  • 见上文
  • 使用间隔:false

  • Bungus提出了一些好的观点(答案已被删除)。我认为您最好使用最少的标记,并让您的旋转木马响应,正如Bootstrap团队所希望的那样

    谢谢@isherwood,但第一张幻灯片在点击“下一页”或“上一页”之前不会开始工作。这是链接
    $('#myCarousel').carousel({
        interval: false;   
    })