css - 如何增加 twitter bootstrap carousel 导航箭头的大小

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调整水平位置，例如（在 in 的情况下100px）font-size使用margin-top: -70px;