我想让全球象形文字更大,以便它覆盖页面的很大一部分(这是一个矢量图像)。它不是在一个按钮或任何东西;它只是孤独。有办法做到这一点吗?
<div class = "jumbotron">
<span class="glyphicon glyphicon-globe"></span>
</div>
我想让全球象形文字更大,以便它覆盖页面的很大一部分(这是一个矢量图像)。它不是在一个按钮或任何东西;它只是孤独。有办法做到这一点吗?
<div class = "jumbotron">
<span class="glyphicon glyphicon-globe"></span>
</div>
当前回答
例如… 添加类:
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引导
其他回答
尽量使用标题,不需要额外的CSS
<h1 class="glyphicon glyphicon-plus"></h1>
增加字形的字体大小,以增加所有图标的大小。
.glyphicon {
font-size: 50px;
}
要只瞄准一个图标,
.glyphicon.glyphicon-globe {
font-size: 75px;
}
如果你使用bootstrap和font-awesome,那么它很简单,不需要写一行新代码,只需添加fa-Nx,大到你想要的,见演示
<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>
为此,我使用了引导头类(“h1”,“h2”等)。通过这种方式,您可以在不使用实际标签的情况下获得所有样式的好处。这里有一个例子:
<div class=“h3”><span class=“glyphicon glyphicon tags” aria-hidden=“true”></span></div>
是的,基本上你也可以使用内联样式:
<span style="font-size: 15px" class="glyphicon glyphicon-cog"></span>