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類。