bootstrap輪播控制響應

Question

我在響應式視圖中遇到問題。如何使左右箭頭作爲響應。下面附上截圖爲響應器件

網站查看

移動視圖

.carousel-control span { 
 
    position: absolute; 
 
    top: 85%; 
 
    color: #C21B17; 
 
    z-index:999px; 
 
    font-size:30px; 
 
} 
 

 
.carousel-control.left { 
 
\t margin-left: -40px; 
 
\t width:30px; 
 
\t height:60px; 
 
\t background:none; 
 
} 
 
.carousel-control.right { 
 
\t margin-right: -20px; 
 
\t width:30px; 
 
\t height:60px; \t 
 
\t background:none; 
 
}

Answer 1

您可以將旋轉木馬控件設置爲自動調整寬度和高度，或使用百分比來確保填充一定量的頁面。例如，假設您希望控件佔用頁面的20％，高度無關緊要。然後執行以下操作。

.carousel-control.left { 
    margin-left: -40px; 
    width:20%; 
    height: auto; 
    background:none; 
} 
.carousel-control.right { 
    margin-right: -20px; 
    width:20%; 
    height: auto; 
    background:none; 
}