如何在owl-carousel中设置相应的宽度？

.owl-carousel .item {
  width: 300px; /* 设置你想要的宽度 */
}

$('.owl-carousel').owlCarousel({
  responsive: {
    0: {
      items: 1,
      nav: true,
      margin: 10,
      stagePadding: 0,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      responsiveRefreshRate: 200,
      responsiveBaseElement: window
    },
    480: {
      items: 2,
      nav: true,
      margin: 20,
      stagePadding: 0,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      responsiveRefreshRate: 200,
      responsiveBaseElement: window
    },
    768: {
      items: 3,
      nav: true,
      margin: 30,
      stagePadding: 0,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      responsiveRefreshRate: 200,
      responsiveBaseElement: window
    },
    992: {
      items: 4,
      nav: true,
      margin: 40,
      stagePadding: 0,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      responsiveRefreshRate: 200,
      responsiveBaseElement: window
    },
    1200: {
      items: 5,
      nav: true,
      margin: 50,
      stagePadding: 0,
      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
      responsiveRefreshRate: 200,
      responsiveBaseElement: window
    }
  }
});