旋轉木馬上的導航按鈕

我已將旋轉木馬放在我的網頁上，左右兩個按鈕，但我正努力弄清楚爲什麼按鈕不能旋轉轉盤。旋轉木馬上的導航按鈕

這裏是我的代碼：

<!--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

旋轉木馬上的導航按鈕

回答

相關問題