如何让Glyphicons变大？(更改大小？)
如何让Glyphicons变大？(更改大小？)
提问于 2014-07-26 00:20:33
我想把地球的字形图标做得更大些，这样它就能覆盖页面的很大一部分(它是一个矢量图像)。它不在按钮或任何东西中；它只是单独存在。有没有办法做到这一点？
<div class = "jumbotron">
<span class="glyphicon glyphicon-globe"></span>
</div> 回答 7
Stack Overflow用户
回答已采纳
发布于 2014-07-26 00:23:18
增加glyphicon的字体大小以增加所有图标的大小。
.glyphicon {
font-size: 50px;
}仅以一个图标为目标，
.glyphicon.glyphicon-globe {
font-size: 75px;
}Stack Overflow用户
发布于 2014-11-27 04:14:06
Fontawesome对此有一个完美的解决方案。
我实现了同样的方法。只需在您的主.css文件中添加以下内容
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}在您的示例中，您只需执行此操作。
<div class = "jumbotron">
<span class="glyphicon glyphicon-globe gi-5x"></span>
</div> Stack Overflow用户
发布于 2015-08-30 00:28:22
如果你使用的是bootstrap和font- add，那就很简单了，不需要写一行新代码，只需添加fa-Nx，就像你想要的那样大，See the demo
<span class="glyphicon glyphicon-globe"></span>
<span class="glyphicon glyphicon-globe fa-lg"></span>
<span class="glyphicon glyphicon-globe fa-2x"></span>
<span class="glyphicon glyphicon-globe fa-3x"></span>
<span class="glyphicon glyphicon-globe fa-4x"></span>
<span class="glyphicon glyphicon-globe fa-5x"></span>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24960201
复制相关文章
相似问题