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

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

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

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

如果你使用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>

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>  

为此，我使用了引导头类(“h1”，“h2”等)。通过这种方式，您可以在不使用实际标签的情况下获得所有样式的好处。这里有一个例子:

<div class=“h3”><span class=“glyphicon glyphicon tags” aria-hidden=“true”></span></div>

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

.glyphicon {
    font-size: 50px;
}

要只瞄准一个图标，

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