javascript - Owl Carousel/flex 轮播

Question

我正在尝试制作一个具有 CSS 中 flexboxes 属性的 flex carousel。像 flex-shrink 这样的功能。我试图在 flex 容器中包含 Bootstrap 轮播，但它没有 flex。我现在正在使用 Owl Carousel ，但它不会进行单个元素幻灯片放映。

$('.owl-carousel').owlCarousel({
  center:true,
  items: 1,
  nav:true,
  rewind:true,
  dots:true,
  autoHeight:true,
  autoWidth:true,

})
 <div id="owl" class="owl-carousel">

<div class="item"><img src="pic1.jpg" alt="picture1missing"></div>
<div class="item"><img src="pic2.jpg" alt="picture2missing"></div>
<div class="item"><img src="pic3.jpg" alt="picture3missing"></div>

</div>

Answer 1

Refer My Codepen -- Click here for your answer

multi item carousel