顯示多張幻燈片，使用引導3.3.5轉盤

我用這個code snippet得到引導旋轉木馬，以顯示6項試圖移動一個，但只有1前進，並與引導3.0.2的作品，但是當我嘗試使用它自舉3.3.5，則使全6. Bootply例如用3.3.5是here。顯示多張幻燈片，使用引導3.3.5轉盤

我不夠先進的JS知道我應該做的不同。這仍然是可能的嗎？

來源

2015-09-04 RGilkes

我已經試過這件事情，就變得複雜了很多，在幻燈片動態後端數據時！克隆並追加 - 它創建了一個爛攤子，我個人的建議是去[貓頭鷹旋轉木馬（http://owlgraphic.com）的響應和完全可定製的 –

我同意這個方法很凌亂。感謝您的建議，我現在查看它！ – RGilkes

我知道這是一個古老的問題，但它可能有助於某人。我不知道這是多麼混亂，直到我必須實施它。這是迄今爲止我看到的最好的解決方案，因爲它實際上是響應式的。 https://www.bootply.com/PMDIAzc1Qo –

想通了，引導的最新版本增加了一些額外的類移動的幻燈片。添加此CSS來覆蓋引導的固定問題：

.carousel-inner > .item.next, 
.carousel-inner > .item.active.right { 
    left: 0; 
    -webkit-transform: translate3d(16.66666667%, 0, 0); 
      transform: translate3d(16.66666667%, 0, 0); 
} 

.carousel-inner > .item.prev, 
.carousel-inner > .item.active.left { 
    left: 0; 
    -webkit-transform: translate3d(-16.66666667%, 0, 0); 
      transform: translate3d(-16.66666667%, 0, 0); 
}

固定Bootply here

來源

2015-09-06 03:45:13 RGilkes

此引導程序不再有效 –

顯示多張幻燈片，使用引導3.3.5轉盤

回答

相關問題