Owl Carousel

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

<!-- Plugin Js -->
<script src="assets/bundles/owlcarousel.bundle.js"></script>

<!-- Page Js -->
<script>
    $('#OwlBasic').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        responsive:{
            0:{items:1},
            600:{items:2},
            1000:{items:5}
        }
    })
</script>
Basic Example

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 <div class="item">...</div> but you could put any other element div/span/a/img...

Autoplay Example
Auto Width Example