Twitter引导更大的glyphicons。

时间:2013-12-04 18:16:27

标签: twitter-bootstrap

有没有办法使用twitter bootstrap并调整大小? 到目前为止,我已经尝试过,没有运气。     glyphicon.myclass {height:100px;宽度:100px;}     

谢谢。

3 个答案:

答案 0 :(得分:4)

如果它是Bootstrap 3,则尝试增加font-size(如果它适用于该元素)。示例如下。

glyphicon.myclass {
    font-size: 1.4em;
}

答案 1 :(得分:2)

Bootstrap 2 图标作为背景应用,所以没有。此外,它们是图像精灵,因此调整精灵图像的大小需要您调整每个CSS位置语句。

Bootstrap 3 图标是一种字体,所以是的。

.glyphicon.smaller {font-size: 8px;}
.glyphicon.bigger {font-size: 30px;}

答案 2 :(得分:2)

Glyphicons使用其容器的font-size。因此,您可以按照其他人的建议增加字体大小,或者使用更大字体的容器。

<h1><i class="glyphicon glyphicon-align-center"></i></h1>

http://bootply.com/98574