如何在猫头鹰轮播项目之间添加空格 [英] how add spaces between owl carousel item

问题描述

如何在猫头鹰项目之间添加空间.在项目之间添加边距或填充.这需要有所响应.我可以在jquery中添加一些装订线吗?

How can i add space between owl item. add margin or padding between items. this is need to be responsive.can i add some gutter in to the jquery.

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

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

        //Autoplay
        autoPlay : true,
        stopOnHover : false,

         //Auto height
        autoHeight : true,
    });
}

推荐答案

只需使用margin这样:

function newsCarousel(){
    $("#carousel").owlCarousel({
        items : 4,
        margin: 20,
        autoHeight : true,
    });
}

这篇关于如何在猫头鹰轮播项目之间添加空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！