Bootstrap傳送帶重新計算元素的寬度

Question

嗨問題出在頁面下部的滑塊中。 旋轉木馬正在做一些奇怪的事情 - 在做動畫之後不到一秒鐘，它會重新計算當前項目中每個元素的寬度。它看起來很糟糕，並且在檢查CSS之後，我仍然不知道如何修復它。

你有什麼想法嗎？

Bootstrap Carousel Problem

Answer 1

在着陸page.css：

.content-carousel .container .carousel .carousel-inner .item { padding:0 5% }

我把這個關閉，它解決了這一問題。我沒有確切地說明爲什麼這是造成問題的原因，但寫了一個或兩個旋轉木馬，這些項目的填充百分比給我留下了一個不好的主意。如果填充很重要，則可能需要嘗試將邊框設置爲邊框，但除了消除項目的橡皮筋之外，我沒有注意到任何其他內容。

Answer 2

@Erik Reppen的代碼沒有解決。

我沒有一個很好的解決方案，但我確實修復了它。我非常仔細地觀察了bootstrap的傳送帶示例http://twitter.github.com/bootstrap/javascript.html#carousel。

我發現img寬度必須大於網格寬度。在span9中，寬度高達870像素，因此您必須準備大於870像素的圖片。如果你在img之外有更多容器，因爲所有的容器都有邊框或邊距，你可以使用更小寬度的圖像。

如圖http://twitter.github.com/bootstrap/javascript.html#carousel，可以UE的寬度830px，因爲在div.span9和傳送帶

之間