Center

Center with loop


Center without loop

Overview

Works well with odd and even items on screen. Keep in mind that dots are not working here like a pagination.

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
        }
    }
});