twitter-bootstrap Twitter 引导更大的字形。
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/20382835/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Twitter bootstrap bigger glyphicons.
提问by Petran
Is there a way to use the twitter bootstrap and adjust there size to be bigger ? I have tried this so far with no luck. glyphicon.myclass {height: 100px; width: 100px;}
有没有办法使用 twitter bootstrap 并将大小调整为更大?到目前为止,我已经尝试过这个,但没有运气。glyphicon.myclass {高度:100px; 宽度:100px;}
Thank you.
谢谢你。
采纳答案by Shiva
If it's Bootstrap 3, then try increasing the font-size if it applies to the element. Example below.
如果它是 Bootstrap 3,然后尝试增加 font-size(如果它适用于元素)。下面举例。
glyphicon.myclass {
font-size: 1.4em;
}
回答by Zim
Glyphicons use the font-sizeof their container. So you can increase the font-size as suggested by others, or use a container with larger font..
Glyphicons 使用font-size其容器的 。因此,您可以按照其他人的建议增加字体大小,或者使用更大字体的容器。
<h1><i class="glyphicon glyphicon-align-center"></i></h1>
回答by isherwood
Bootstrap 2icons are applied as backgrounds, so no. Also, they're an image sprite, so resizing the sprite image would require you to adjust every CSS position statement.
Bootstrap 2图标用作背景,所以没有。此外,它们是图像精灵,因此调整精灵图像的大小需要您调整每个 CSS 位置语句。
Bootstrap 3icons are a font, so yes.
Bootstrap 3图标是一种字体,所以是的。
.glyphicon.smaller {font-size: 8px;}
.glyphicon.bigger {font-size: 30px;}

