在引导轮播上定位下一个和上一个按钮

Question

我正在尝试使用引导轮播（幻灯片）。我复制了代码和所有内容，但下一个按钮位于滑块之外。 运行代码在这里：enter link description here 如果您看到，现在右箭头（下一个按钮）在图像之外。 我尝试放置一个带有 row 的 div 和一个带有 span6 或 8 的 div，但没有成功。

    <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 按钮，它应该会显示。 我的问题如下：

1. 如何将两个按钮放置在图像外部（左侧和右侧）？
2. 如何像“上一个”按钮一样在图像上显示下一个按钮（右箭头）？
3. 我如何才能正常暂停它，使其只能通过下一个和上一个点击工作？ 谢谢

Answer 1

http://jsfiddle.net/isherwood/VCwPE/6

$('#myCarousel').carousel({
    interval: false;   
})

1. 通过使用标准标记，按钮可以正确定位。您可以应用不同的左/右位置来移动它们，就像我在这个小提琴中所做的那样。
2. 见上文。
3. 使用间隔：false

Bungus 提出了一些好处（答案已被删除）。我认为您最好使用最少的标记并让您的轮播具有响应性，正如 Bootstrap 团队所期望的那样。