package.docs_src.templates.pages.demos.basic.hbs Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of owl.carousel Show documentation

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

The newest version!

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