$(document).ready(function() { $(".owl-carousel").owlCarousel({ autoPlay: 3000, items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3], center: true, nav:true, loop:true, responsive: { 600: { items: 4 } } }); });
Script Copy url Copy url with Tag
Bootstrap CSS https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css copy copy script
Bootstrap JS https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js copy copy script
Icons https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css copy copy script
Jquery https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js copy copy script

Related Snippets

view all snippets
About this snippet

Bootstrap 4 Basic carousel slider - owl carousel snippet is created by BBBootstrap Team using Bootstrap 4.0.0, Javascript 3.2.1. This snippet is free and open source hence you can use it in your project.Bootstrap 4 Basic carousel slider - owl carousel snippet example is best for Bootstrap carousel, responsive.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com.

Join BBBootstrap community

Contribute an awesome snippet to help other developer and designers