Question

OWL-Carousel和我的网站存在很大问题。我踢了所有的CSS和JS文件，现在我只加载了jQuery JS，Bootstrap CSS，OWL CSS和JS。我调整窗口大小超过768px，滑块工作正常！ 767px模板和OWL进入100％Bootstrap宽度。而现在OWL计算出的站点/容器宽度是错误的！ Container有xx.xxx px width：/

我使用OWL默认示例： http://www.owlcarousel.owlgraphic.com/demos/basic.html

此处链接：https://www.indoor-golf.org/anlagen/hotel-riml-hochgurgl/?no_cache=1 （室内 - 高尔夫合作伙伴）

感谢您的帮助！塞巴斯蒂安

Answer 1

您正在将引导类与owl carousel混合使用.carousel和.owl-carousel在一个div中。这可能会通过尝试在相同代码上启动两个不同的轮播javascripts来破坏事物。尝试删除.carousel类并仅使用owl-carousel类为滑块编写所有CSS。

Answer 2

我发现错误:(

#outer-wrapper .page-wrap {
  background-color: #f4f4f2;
  height: 100%;
  width: 100%;
  display: table;
}

display:table

OWL-Carousel - 宽度低于768px - Bootstrap

2 个答案: