OwlCarousel slider kullanımı için öncelikle aşağıdaki js ve css kütüphanelerini siteye ekliyoruz.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

Kullanım Yapısı ( Html  Tarafı )

<div class="owl-carousel">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

Jquery Tarafı

<script>
      $(document).ready(function () {
          var genislik = screen.width;
          if (genislik > 760) {

              $(".owl-carousel").owlCarousel({
                  items: 6,
                  loop: true,
                  margin: 10,
                  autoplay: true,
                  autoplayTimeout: 2000,
                  autoplayHoverPause: true,
              });

          }
          else {
              $(".owl-carousel").owlCarousel({
                  items: 2,
                  loop: true,
                  margin: 10,
                  autoplay: true,
                  autoplayTimeout: 2000,
                  autoplayHoverPause: true,
              });
          }
      });
  </script>

Hepsi bu kadar Bol sorgulu günler geçirmeniz dileğiyle.