造型bootstrap轮播导航

时间:2014-03-18 09:34:10

标签: javascript css css3 twitter-bootstrap

好的,所以我想尝试做一些我的联盟,我非常接近!

当你到达页面时,我希望prev / next按钮是这样的:

enter image description here

当你悬停(展开并准备好使用)时,就像这样。

enter image description here

我处于第一阶段如果有人可以看一下,我只会遇到一些定位问题。

Here is the live site(只需滚动到投资组合的正下方)

2 个答案:

答案 0 :(得分:2)

您可以尝试类似

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

更新:

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

答案 1 :(得分:1)

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

这可能会有所帮助。