Center with loop

Center without loop

Overview

鏃犺鏄鏁拌繕鏄伓鏁颁釜鏃嬭浆鏈ㄩ┈椤归兘鍙互寰堝ソ鐨勫伐浣溿€傛敞鎰忚繖閲岀殑鍘熺偣瀵艰埅涓嶄細鍍忓垎椤靛鑸竴鏍枫€?/p>

Add center to setup:

center:true

Setup

$('.loop').owlCarousel({
    center: true,
    items:2,
    loop:true,
    margin:10,
    responsive:{
        600:{
            items:4
        }
    }
});
$('.nonloop').owlCarousel({
    center: true,
    items:2,
    loop:false,
    margin:10,
    responsive:{
        600:{
            items:4
        }
    }
});