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

时间:2013-10-13 16:19:15

标签: css 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;

1 个答案:

答案 0 :(得分:5)

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

例如:

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

然后使用margin-top调整水平位置,例如(如果100pxfont-size)使用margin-top: -70px;

enter image description here