样式引导程序轮播导航

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;}

这可能会有所帮助。