樣式引導程序輪播導航

Question

好的，所以我正在嘗試做一些超出我的聯盟范圍的事情，而且我非常接近！

我希望進入頁面時上一個/下一個按鈕像這樣：

當您懸停（展開並准備使用）時，就像這樣

我正處於第一階段，如果有人可以看的話，我在定位方面會遇到一些問題。

這是實時站點 （只需滾動至投資組合下方的右側）

Answer 1

您可以嘗試類似

.left.carousel-control:hover{
    margin-left:-50px;
}
.right.carousel-control:hover{
    margin-left:50px;
}

更新：

.left.carousel-control, .right.carousel-control{
   width: 100%;
   left: 0;
}

Answer 2

.carousel-control{top: 75%;}
.carousel-control.right{
right: 43%;
}
.carousel-control.left{
left: 42%;
}
.carousel:hover .carousel-control.right{right: 0;}
.carousel:hover .carousel-control.left{left: 0;}

這可能會有所幫助。