在瀏覽器上顯示3個（或更多）項目並在移動設備上顯示1個項目的Bootstrap旋轉木馬

Question

我想問關於bootstrap旋轉木馬。

我需要在桌面上顯示3個標誌滾動，如果在移動設備上，它將只是每個滾動1個。

<div class="carousel-inner" role="listbox"> 
<a class="item"><img src="img.jpg"/></a> 
<a class="item"><img src="img.jpg"/></a> 
<a class="item"><img src="img.jpg"/></a> 
<a class="item"><img src="img.jpg"/></a> 
</div> 

​​

Answer 1

簡單的使用引導隱藏類隱藏其他圖像移動

<div class="carousel-inner" role="listbox"> 
<a class="item"><img src="img.jpg"/></a> 
<a class="hidden-xs item"><img src="img.jpg"/></a> 
<a class="hidden-xs item"><img src="img.jpg"/></a> 
<a class="hidden-xs item"><img src="img.jpg"/></a> 
</div>