貓頭鷹旋轉木馬2 - 主題樣式表不工作

Question

我有麻煩讓貓頭鷹旋轉木馬主題樣式表對我的滑塊有任何影響？

我使用的是最新版本的owl.carousel.2.0.0-beta.3

這裏是我的測試網站：example website

這裏是與貓頭鷹旋轉木馬的HTML代碼：

<div id="owl-single" class="owl-carousel col-xs-12 owl-loaded owl-drag"> 

    <div class="owl-stage-outer"> 

    <div class="owl-stage" style="transform: translate3d(-1396px, 0px, 0px); transition: 0s; width: 4886px;"> 

     <div class="owl-item cloned" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide2.jpg" alt="GTA V"> 
     </div> 
     </div> 
     <div class="owl-item cloned" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide3.jpg" alt="Mirror Edge"> 
     </div> 
     </div> 
     <div class="owl-item active" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide1.jpg" alt="The Last of us"> 
     </div> 
     </div> 
     <div class="owl-item" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide2.jpg" alt="GTA V"> 
     </div> 
     </div> 
     <div class="owl-item" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide3.jpg" alt="Mirror Edge"> 
     </div> 
     </div> 
     <div class="owl-item cloned" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide1.jpg" alt="The Last of us"> 
     </div> 
     </div> 
     <div class="owl-item cloned" style="width: 698px;"> 
     <div class="item"> 
      <img src="img/slide2.jpg" alt="GTA V"> 
     </div> 
     </div> 
    </div> 
    </div> 

    <div class="owl-nav"> 
    <div class="owl-prev">prev</div> 
    <div class="owl-next">next</div> 
    </div> 

    <div class="owl-dots"> 
    <div class="owl-dot active"><span></span></div> 
    <div class="owl-dot"><span></span></div> 
    <div class="owl-dot"><span></span></div> 
    </div> 

</div> 

名爲「owl.theme.default.min.css」的樣式表看起來像包含了所有的導航樣式表，但是由於某種原因它沒有設計PREV和NEXT按鈕樣式？

任何幫助，將不勝感激。

Answer 1

你缺少的一類，owl-theme，在HTML聲明相關owlcarousel主題：

<div id="owl-single" class="owl-carousel col-xs-12 owl-loaded owl-drag"> 

應該是：

<div id="owl-single" class="owl-carousel owl-theme col-xs-12 owl-loaded owl-drag"> 

我試了一下直接添加缺少的類到瀏覽器檢查員，現在你的頁面看起來像這樣：