Бутстрап Карусель, который показывает 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

Простое использование самонастройки скрытый класс, чтобы скрыть другие изображения для мобильного

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