Twitter Bootstrap旋轉木馬：最後一張幻燈片與第一張幻燈片重疊

-2

我遇到了Bootstrap旋轉木馬的問題：當幻燈片比Carousel div寬時，最後一張幻燈片與第一張幻燈片重疊。Twitter Bootstrap旋轉木馬：最後一張幻燈片與第一張幻燈片重疊

的jsfiddle，描繪了問題（向前滾動，看最後一張幻燈片如何重疊第一）

"Links to jsfiddle must be accompanied be a code"

此外，我注意到了這一點剛纔，在第一時間之後的情況下，傳送帶從上次滑動到第一次滑動，傳送帶指示器停止突出顯示當前的滑動編號。

我在做什麼錯？

來源

2013-05-05 d-ph

好吧，我已經在this answer的幫助下解決了這個問題。

底線是，我推<img> ES到CSS背景爲每個.carousel .item和應用以下csses：

.carousel .item { 
    background-position: center center; 
    background-repeat: no-repeat; 
    /* background-size: cover; */ /* I don't wanna (up|down)scale */ 
    height: 510px; /* fixed height of the background images */ 
} 

#carousel-item-1 { 
    background-image: url(myImage.jpg); 
} 

#carousel-item-2 { 
    background-image: url(myImage.jpg); 
} 

#carousel-item-3 { 
    background-image: url(myImage.jpg); 
}

一個愉快的副作用是，它也中心水平和垂直方向的圖像（作物他們），我也需要。

我認爲這樣做是正確的做法，我應該從一開始就使用它。但我並不喜歡固定的，手寫的height: 510px。我認爲它會引起一些頭痛，但以及...

來源

2013-05-06 08:22:06

在引導3的情況下，我使用舊的jQuery版本（1.7）時有同樣的問題。 Bootstrap 3的jQuery應該是1.9.1或更新的。

來源

2015-03-19 15:26:50 f4o

Twitter Bootstrap旋轉木馬：最後一張幻燈片與第一張幻燈片重疊

回答

相關問題