Bootstrap傳送帶轉換故障

我有引導傳送帶的問題。我添加了自定義控件，並根據設計對它們進行了樣式設計，但是當我點擊下一張幻燈片時，前一張圖片消失，中間留下空白區域。Bootstrap傳送帶轉換故障

我編輯了bootstrap.css，其中我改變了.carousel-caption，並且爲按鈕添加了一些自定義css。

這裏是測試頁面：http://valters.me/b/

，我設法採取截圖：如果從.carousel-control.left和.carousel-control.right刪除過渡CSS http://d.pr/i/yGzY

來源

2013-03-27 supervalters

或者，也許你可以建議替代轉盤。 – supervalters 2013-03-27 11:13:47

嘗試在圖像中添加高度和寬度。 – noel 2013-03-27 11:58:54

@shakabra它沒關係，它也只是在它的html中出現問題。 – supervalters 2013-03-27 12:02:14

那似乎解決了這個問題。

經過FF和Chrome測試。

來源

2013-03-27 12:51:49

它的工作原理，謝謝！ – supervalters 2013-03-27 13:19:39

很高興能夠幫到:) – 2013-03-27 13:34:10

雖然這個工程我不明白爲什麼？控件與項目轉換有什麼關係？ – robdodson 2013-05-17 22:05:32

在我的情況中，以前有人在轉盤內部放置了一個位置：絕對標籤。刪除它確實有幫助。

來源

2015-06-17 12:55:11 Arthur

我試圖從.left和.right中刪除屬性，但它並沒有解決我的問題。我提出的解決方案是加速過渡。 Bootstrap的默認值是.6s緩存，.5似乎對我有用。嘗試添加這對你的CSS：

.carousel-inner>.item{ 
    /*disables white flash*/ 
    -webkit-transition: -webkit-transform .5s ease-in-out; 
    -o-transition: -o-transform .5s ease-in-out; 
    transition: transform .5s ease-in-out; 
}

添加了這個作爲備用，因爲白色是waaaaay比黑色更noticable：

.carousel-inner{ 
/*just incase the flash (style above) comes back*/ 
    background: #000; 
}

希望這有助於！

來源

2015-08-05 18:45:46 stackemz

奇怪的是，4.0.0已經出來了，但是旋轉木馬仍然有時會很遲鈍。當我在Firefox上滑動時（Chrome瀏覽器很好），我正在瘋狂地玩。 Tho，我不得不將這添加到.carousel-inner> .item以及： -webkit-backface-visibility：visible！important; backface-visibility：visible！important; – vgulkevic 2018-02-03 10:17:41

我想這和它的工作：

.carousel-inner > .item { 
    -webkit-backface-visibility: visible; 
      backface-visibility: visible; 
}

引導版本：3.3.7

來源

2018-02-03 18:14:36

Bootstrap傳送帶轉換故障

回答

相關問題