我如何使象形文字更大?(改变大小?)

我想让全球象形文字更大，以便它覆盖页面的很大一部分(这是一个矢量图像)。它不是在一个按钮或任何东西;它只是孤独。有办法做到这一点吗?

<div class = "jumbotron">
    <span class="glyphicon glyphicon-globe"></span>
</div>

当前回答

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>

2014-11-26 20:14:06

其他回答

增加字形的字体大小，以增加所有图标的大小。

.glyphicon {
    font-size: 50px;
}

要只瞄准一个图标，

.glyphicon.glyphicon-globe {
    font-size: 75px;
}

2014-07-25 16:23:17

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>

2014-11-26 20:14:06

是的，基本上你也可以使用内联样式:

<span style="font-size: 15px" class="glyphicon glyphicon-cog"></span>

2016-12-14 09:49:14

例如… 添加类:

BTN-LG - 大型

BTN-SM - 小型

btn-xs -非常小

<button type=button class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button> 

<button type=button class="btn btn-default">
<span class="glyphicon glyphicon-star" aria-hidden=true></span>Star
</button>

 <button type=button class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button> 

<button type=button class="btn btn-default btn-xs">
<span class="glyphicon glyphicon-star" aria-hidden=true></span> Star
</button>

参考链接引导:Glyphicons引导

2016-01-28 05:00:44

尽量使用标题，不需要额外的CSS

<h1 class="glyphicon glyphicon-plus"></h1>

2015-04-22 13:29:03

我如何使象形文字更大?(改变大小?)

推荐文章

最新文章

标签