---
title: Center Demo
subTitle: Center
nav: demos
description: Center carousel
sort: 3
tags:
- demo
- core
---
{{#markdown }}
#### Center with loop
{{/markdown }}
1
2
3
4
5
6
7
8
9
10
11
12
{{#markdown }}
#### Center without loop
{{/markdown }}
1
2
3
4
5
6
7
8
9
10
11
12
{{#markdown }}
### 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
}
}
});
```
{{/markdown }}