在Twitter上顯示下一個和上一個圖像Bootstrap旋轉木馬

Question

我正在尋找一種方式來顯示Twitter Bootstrap旋轉木馬中的下一個和上一個幻燈片圖像。

默認情況下，它只顯示當前圖像，如果我刪除顯示：無css屬性，它將傳送帶中的每個項目都放在下面。我試圖玩CSS，但沒有得到它的工作。

這個想法是在中間顯示當前的幻燈片圖像，然後在不透明的情況下顯示下一個和上一個圖像，而不一定是可點擊的。

我試過不同的幻燈片和傳送帶，但似乎無法找到滿足這些要求的任何人，並且接近的人中的一些人不適應Bootstrap提供的響應式設計。

通常，當我使用具有多個項目的旋轉木馬時，我只是將在<div class="item"內的圖像> DIV，如：

<div class="item active"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 
<div class="item"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 
<div class="item"> 
<img src="http://www.entiri.com/minett/img/slider/1.jpg" alt=""> 
<img src="http://www.entiri.com/minett/img/slider/2.jpg" alt="" style=""> 
<img src="http://www.entiri.com/minett/img/slider/3.jpg" alt="" style=""> 
</div> 

但這不會做我想做的，因爲它在轉動的時候所有三個項目，而不是把每一個圖像。

任何建議，意見或鏈接的一些步行或教程將非常感激。

乾杯

Answer 1

這是幫我

Twitter Bootstrap 101: The Carousel