旋转木马上的导航按钮

我已将旋转木马放在我的网页上，左右两个按钮，但我正努力弄清楚为什么按钮不能旋转转盘。旋转木马上的导航按钮

这里是我的代码：

<!--Carousel Start--> 
<div class="container"> 
<div class="col-md-12 text-center"><h3>Featured advertisements</h3></div> 
<div class="col-md-12 col-md-12"> 
<div class="homeCarousel" id="featuredCarousel"> 
<div class="carousel-inner"> 
<div class="item active"> 
<div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=1" class="img-responsive"></a></div> 
</div> 
<div class="item"> 
      <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e477e4/fff&amp;text=2" class="img-responsive"></a></div> 
     </div> 
<a class="left carousel-control" href="#featuredCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a> 
<a class="right carousel-control" href="#featuredCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>

来源

2015-11-04 Adam Timms

您的代码缺少#featuredCarousel上的传送带类。另外如果你想要滑动效果，你还需要添加滑动类。

<!--Carousel Start--> 
<div class="container"> 
    <div class="col-md-12 text-center"><h3>Featured advertisements</h3></div> 
    <div class="col-md-12 col-md-12"> 
     <div class="homeCarousel carousel slide" data-ride="carousel" id="featuredCarousel"> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e499e4/fff&amp;text=1" class="img-responsive"></a></div> 
       </div> 
       <div class="item"> 
        <div class="col-xs-3"><a href="#"><img src="http://placehold.it/500/e477e4/fff&amp;text=2" class="img-responsive"></a></div> 
       </div> 
       <a class="left carousel-control" href="#featuredCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a> 
       <a class="right carousel-control" href="#featuredCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a> 
      </div> 
     </div> 
    </div> 
</div>

的jsfiddle - 进行更多设置http://jsfiddle.net/z7rqe1qg/

检查引导文件。

来源

2015-11-04 09:59:02 primz1

你的问题是在这里

<div class="homeCarousel" id="featuredCarousel">

应改为如下

<div class="homeCarousel carousel slide" id="featuredCarousel" data-ride="carousel">

假设你使用的是标准的传送带从引导

来源

2015-11-04 09:58:10 RiaanV

旋转木马上的导航按钮

回答

相关问题