Jquery 用于移动设备的引导缩略图旋转木马

我正在使用本教程制作一个引导式水平旋转木马，其中缩略图在幻灯片上显示4

我想有较少的项目显示移动。我可以让它在一行上显示1，但它会垂直堆叠。我希望他们像在大屏幕上一样水平滚动。我该怎么做

每张幻灯片的设置如下所示：

<div class="item active">
                <div class="row">
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                </div><!--.row-->
            </div><!--.item-->

---

我已经看到了一个关于隐藏移动设备的特定图像的答案（），但这对我不起作用，因为图像将从数据库中提取，我希望显示所有图像，而不仅仅是每张幻灯片上的第一张图像。

您可以提供3个不同设置的旋转木马。一个用于大屏幕，一个用于平板电脑，一个用于移动设备。根据查看端口的不同，隐藏全部并显示特定端口。如果您在平板电脑上，则隐藏所有内容并仅显示平板电脑旋转木马。建议您为此使用Owl旋转木马：@Deka87这如何与引导集成？您可以提供3种不同设置的旋转木马。一个用于大屏幕，一个用于平板电脑，一个用于移动设备。根据查看端口的不同，隐藏全部并显示特定端口。如果您在平板电脑上，则隐藏所有内容并仅显示平板电脑旋转木马。建议您为此使用Owl旋转木马：@Deka87如何与引导集成？