如何增加twitter bootstrap轮播导航箭头的大小

Question

如何增加此处找到的twitter bootstrap导航图标箭头的大小？

http://getbootstrap.com/javascript/#carousel

我已经尝试将以下css中的width/height属性从30px增加到70px,但这不起作用

prev, .carousel-control .icon-next {
width: 70px;
height: 70px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;

Answer 1

它是一个font所以你需要做的就是让它更大

例如:

.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 100px;
}

然后使用margin-top以调节水平位置,例如(在的情况下,100px在font-size)使用margin-top: -70px;