OWL-Carousel - 768px以下的宽度 - 引导

Question

我有一个OWL-Carousel和我的网站的大问题。 我踢了所有的CSS和JS文件，现在我只加载jQuery JS，Bootstrap CSS，OWL CSS和JS。 我调整窗口超过768px，滑块工作正常！ 767px模板和OWL进入100％Bootstrap宽度。现在，OWL计算出网站/容器宽度错误！集装箱已XX.XXX PX宽：/

我用的是OWL默认实例： http://www.owlcarousel.owlgraphic.com/demos/basic.html

这里的链接：https://www.indoor-golf.org/anlagen/hotel-riml-hochgurgl/?no_cache=1 （室内高尔夫合伙人）

感谢您的帮助！ Sebastian

Answer 1

我发现错误:(

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

的display:table

Answer 2

通过在一个div中同时使用.carousel和.owl-carousel，您正在将引导类与owl carousel混合在一起。这可能会通过尝试在相同的代码上启动两个不同的旋转木马JavaScript来破坏事情。尝试删除.carousel类，并仅将该滑块的所有CSS写入owl-carousel类。