---
title: Basic Demo
subTitle: Basic
nav: demos
description: Basic usage demo
sort: 1
tags:
- demo
- core
---
1
2
3
4
5
6
7
8
9
10
11
12
{{#markdown }}
### Overview
Basic usage of Owl Carousel. I used `loop:true` and `margin:10`. The structure works with any kind of DOM element. In all of my examples i used `...
` but you could put any other element `div/span/a/img...`
### Setup
```
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})
```
### html
```
1
2
3
4
5
6
7
8
9
10
11
12
```
{{/markdown }}