How to display owl carousel slider for responsive layout view to jQuery

The popular owl carousel slider jQuery plugin that allows you to construct appealing, responsive carousels. It was designed by David Deutch. Check out the demonstrations to get a better idea of what this plugin can do for you.
If you are using owl carousel slider for your website, but site issue on responsive layout breakpoints items you need to mobile display only 1 item slider and iPad on 3 items slider display and desktop on display 5 items show on your website browser full screen.

Display full-screen responsive owl carousel slider layout to jQuery

Below owl carousel responsive code copy and paste on your header or footer file in your website.

<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:true
},
600:{
items:3,
nav:false
},
1000:{
items:5,
nav:true,
loop:false
}
}
})
</script>