2行猫头鹰旋转木马或BX滑块

时间:2016-01-09 08:27:46

标签: bxslider owl-carousel

是否可以在桌面上制作2行滑块,并在移动屏幕上使用Owl Carousel或BX Slider成为1行?我尝试了一些但仍然在移动设备中的两行。你能帮忙吗?

2 Rows Slider on Desktop > 1 Row on Mobile

1 个答案:

答案 0 :(得分:0)

这是猫头鹰旋转木马2的解决方案,它允许控制箱子数量:

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
      autoplay:true,
      responsive: {
        0: {
          items: 1
        },
        600: {
           items: 2
        },
        1000: {
          items: 3
        }
      }
    });
});

我们的想法是以不同的宽度声明你需要多少盒子。