Jquery Owl旋转木马幻灯片全部渲染为一个堆叠块

下面是我为一个非常基本的猫头鹰旋转木马编写的代码。这意味着在任何时候都只能显示一张图像/幻灯片，但现在我在一张幻灯片中看到了所有这些图像的堆栈。我肯定我一定是做错了什么

<ul class="showcasecarousel">

    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>
    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>
    <li class="item"><img src="img/trackback.png" alt="Some text here"></li>

</ul>

最后，我的CSS是：

.showcasecarousel .item img{
    display: inline;
    width: 100%;
    height: auto;
}

---

owlcarousel和JavaScript的CSS和JS文件也被适当地包括在内——在同一页面上还有其他的Carousel，它们工作得很好。任何帮助都将不胜感激。

我想您忘记了

项属性。在javascript中插入
项：1，
。还有，为什么twitter引导被标记？再看一下owl转盘文档：
当我在Chrome上检查它时，它们显示为三个不同的div，但都属于“owl项活动”类——我想应该只有一个这样的类？你能创建一个JSFIDLE吗？我试过了，但我不确定如何将OwlCarousel加载到itAny控制台错误中？从文档中删除自定义CSS（由owl完成任务）：“必须使用类“owl carousel”才能应用来自owl.carousel.CSS文件的正确样式”。
items:1
应该包含在
singleitem:true
行中，很遗憾。对不起，我弄错了-现在修好了！
.showcasecarousel .item img{
    display: inline;
    width: 100%;
    height: auto;
}