Jquery Owlcarousel V1.3.3 - Center Align Items

I have 4 items in a row in carousel sample. There is still about 50% empty unused space. I want to align this items to the center. I tried to center them via margin: 0 auto; and

Solution 1:

Found one solution, by directly changing javascript:

base.$owlWrapper.css({
    "left": (carouselWidth / 2) - ((base.itemWidth * base.$owlItems.length) / 2)
});