Bootstrap旋转木马在浏览器上显示3个(或更多)项目，仅在移动设备上显示1个

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>

这是所需内容的图纸，移动显示1个图像，桌面3图像/旋转木马项目

Answer 1

简单使用bootstrap隐藏类以隐藏移动的其他图像

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