OWL-轮播 - 宽度小于 768px - Bootstrap

Question

我对 OWL-Carousel 和我的网站有很大的疑问。我踢了所有 CSS 和 JS 文件，现在我只加载 jQuery JS，Bootstrap CSS，OWL CSS 和 JS。我将 Window 的大小调整为超过 768px，Slider 工作正常！ 767px 模板和 OWL 进入 100% Bootstrap 宽度。而现在 OWL 计算出的 Site/Container- 宽度错误！容器有 xx.xxx 像素宽度 :/

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

这里是Link：https://www.indoor-golf.org/anlagen/hotel-riml-hochgurgl/?no_cache=1 （室内高尔夫合作伙伴）

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

Answer 1

您通过在一个 div 中同时使用 .carousel 和 .owl-carousel 将 bootstrap classes 与 owl carousel 混合在一起。这可能会通过尝试在同一代码上启动两个不同的轮播 javascript 来破坏事情。尝试删除 .carousel class 并仅使用 owl-carousel class 为滑块编写所有 CSS。

Answer 2

我发现了错误:(

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

display:table

OWL-轮播 - 宽度小于 768px - Bootstrap

OWL-Carousel - width under 768px - Bootstrap

jquery

typo3

twitter-bootstrap

owl-carousel