在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