更改 owl 轮播 2 中不同尺寸的项目数量

Question

Im using owl-Carousel 2 . I want to change Items Count in different media Queries . Im 也使用 Bootstrap（如果它有助于来自 html BS 的特殊属性）

Answer 1

如 documentation 中所述，您可以使用 responsive 设置来执行此操作，如他们的示例所示：

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{ //for width 0px and up
            items:1 //show only one item at a time
        },
        600:{ //for width 600px and up
            items:3 //show 3 items at a time
        },
        1000:{ //for width 1000px and up
            items:5 //show 5 items at a time
        }
    }
});