Html 转盘宽度有问题

这就是.html所说的

<div class="row">
  <div class="col-lg-7 col-sm-6">
    <div class="owl-carousel" id="homeCarousel">
      <div class="item">
      <img src="images/brela.jpg" alt="brela makarska">
      </div>
    </div> 
  </div> 
</div>

这是我检查时得到的

<div class="row">
<div class="col-lg-7 col-sm-6">
<div class="owl-carousel owl-theme" id="homeCarousel" style="opacity: 1; display: block;">
<div class="owl-wrapper-outer">
<div class="owl-wrapper" style="width: 3918px; left: 0px; display: block; -webkit-   transform: translate3d(0px, 0px, 0px); -webkit-transform-origin: 326.5px 50%;">
<div class="owl-item" style="width: 653px;">
<div class="item">
<img src="images/brela.jpg" alt="brela makarska"/>

我想改变宽度：653px，但我不知道在哪里可以找到它

如果有人能分享这些信息，那就太好了：）

---

thx

宽度由插件javascript根据可用屏幕宽度除以项目数量以内联样式设置

滑块中有6个项目。

---

3918的总包装宽度除以6项，每项为653px。

在javascript文件中查找“

.owlCarousel（

”。它应该是一个运行和控制owl carousel的函数。它与owl.carousel.min.js无关，而是一个调用该代码的函数。我有如下内容：

 .owlCarousel({
    items: 10,
    rewindNav: false
});

更改

项：10

，它应该会更改每个图片的宽度。然后您可以在函数中添加如下内容-

$("#owl-example").owlCarousel({ 
        items:10,   
        itemsDesktop : [1199,10],
        itemsDesktopSmall : [980,9],
        itemsTablet: [768,5],
        itemsTabletSmall: false,
        itemsMobile : [479,4]
})

寻找“定制”-

试试这个

/* corrects margin between slides */
.owl-item img {
width: 96%;
margin: 0 auto;
}

---

对我来说，最好的解决方案是只调整owl项目中的图像大小。我不介意图像周围的额外空白。我在css文件中添加了以下代码：

.owl item.item{
左边距：50像素；
宽度：185px；/*这是一个期望，旋转木马有4个项目，设置在Theme/js/main.js中*/
}

Hi@user3123165，我遇到了与您类似的问题。您能找到解决方案吗？这对我很有帮助，节省了我的时间！！谢谢我在找到正确的选择器时遇到了困难，这对我很有效。