Bootstrap Carousel在浏览器上显示3个（或更多）项目，在移动设备上显示1个项目

Question

我想询问有关自举旋转木马的信息。

我需要在桌面上滚动显示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>

This is a drawing of what is needed, mobile shows 1 image, desktop 3 images / carousel item

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>