如何在猫头鹰旋转木马之间添加边距

Question

我想添加margin-left或margin-right介于轮播项目之间.但不是第一项的左边距.下面是我的代码.我可以申请这个.

$("#carousel").owlCarousel({
        items : 4,
        itemsCustom : false,
        itemsDesktop : [1199,4],
        itemsDesktopSmall : [980,2],
        itemsTablet: [768,1],
        itemsTabletSmall: false,
        itemsMobile : [479,1],
        singleItem : false,
        itemsScaleUp : false,

        //Basic Speeds
        slideSpeed : 200,
        paginationSpeed : 800,
        rewindSpeed : 1000,

        //Autoplay
        autoPlay : true,
        stopOnHover : false,

         //Auto height
        autoHeight : true,
    });

Answer 1

您好您可以使用此步骤

    $('.owl-carousel').owlCarousel({
    stagePadding: 50,
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})

或者您可以按照本教程:http://www.owlcarousel.owlgraphic.com/demos/stagepadding.html

Answer 2

不要在 JavaScript 中应用 CSS，而是在适当的样式表中应用它。那么事情就变得简单了：

.carousel-item {
  margin-left: 10px;
}
.carousel-item:first-child {
  margin-left: 0;
}