[英]Styling bootstrap carousel navigation
Ok so I am trying to do something a little out of my league and im pretty close! 好的,所以我正在尝试做一些超出我的联盟范围的事情,而且我非常接近!
I want the prev/next buttons to be like this when you get to the page: 我希望进入页面时上一个/下一个按钮像这样:
And like this when you hover (spread out and be ready to use) 当您悬停(展开并准备使用)时,就像这样
I am at the first stage I am just having some issues with positioning if anyone can take a look. 我正处于第一阶段,如果有人可以看的话,我在定位方面会遇到一些问题。
Here is the live site (just scroll to right below the portfolio) 这是实时站点 (只需滚动至投资组合下方的右侧)
You can try something like 您可以尝试类似
.left.carousel-control:hover{
margin-left:-50px;
}
.right.carousel-control:hover{
margin-left:50px;
}
Update : 更新:
.left.carousel-control, .right.carousel-control{
width: 100%;
left: 0;
}
.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;}
This might help. 这可能会有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.