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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-21 19:24:21  来源:igfitidea点击:

Twitter bootstrap bigger glyphicons.

twitter-bootstrap

提问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>

http://bootply.com/98574

http://bootply.com/98574

回答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;}