Bootstrap Carousel不能在iphone上滑動/ <480px

我的網站與許多其他網站一樣，在主頁上使用引導程序的傳送帶。Bootstrap Carousel不能在iphone上滑動/ <480px

由於某些原因，儘管出現了輪播控制並且其他一切看起來不錯，但數據滑動功能在尺寸小於480像素的監視器（所以，任何移動設備）上停止工作。

是否有我需要添加到CSS中的@media(max-width:480px)部分的代碼片段？因爲它代表我沒有這樣的尺寸在任何傳送帶/響應相關的代碼，而只是執行以下操作：

@media (max-width: 979px) { 
    .carousel .item { 
     height: 500px; 
    } 
    .carousel img { 
     width: auto; 
     height: 500px; 
    } 
} 
@media (max-width: 767px) { 
    .carousel { 
     margin-left: -20px; 
     margin-right: -20px; 
    } 
    .carousel .container {} 
    .carousel .item { 
     height: 300px; 
    } 
    .carousel img { 
     height: 300px; 
    } 
    .carousel-caption { 
     width: 65%; 
     padding: 0 70px; 
     margin-top: 100px; 
    } 
    .carousel-caption h1 { 
     font-size: 30px; 
    } 
    .carousel-caption .lead, .carousel-caption .btn { 
     font-size: 18px; 
    } 
}

一個例子可以看出here。

來源

2013-10-08 timmyg

您正在使用Bootstrap 2.3.1？還是3.0.0？ –

@DanielRuf 2.3.1 – timmyg

爲什麼不能Bootstrap 3.0.0？ –

你旋轉木馬控制添加的z-index：

.carousel-control { 
    height: 80px; 
    margin-top: 0; 
    font-size: 120px; 
    text-shadow: 0 1px 1px rgba(0,0,0,.4); 
    background-color: transparent; 
    border: 0; 
    position: absolute; 
    top: 40%; 
    left: 15px; 
    color: #fff; 
    z-index: 99999; /*Add This */ 
    }

這是什麼東西做的，它只是使這種控制是比實際屏幕尺寸更滑塊的前面。

來源

2013-10-08 13:57:37 Riskbreaker

感謝@riskbreaker增加了z-index，仍然無法正常工作。雖然在光標稍微低於控件時可以滑動。我想這是2.3.1的問題？ [鏈接]（https://github.com/twbs/bootstrap/issues/7367） – timmyg

您是否已經在https://github.com/twbs/bootstrap/issues上提出問題或在那裏搜索錯誤？ –

@DanielRuf還沒有，但忽略了我之前對風險破壞者的評論 - 它最終開始工作。非常感謝大家！ – timmyg

Bootstrap Carousel不能在iphone上滑動/ <480px

回答

相關問題