我如何让字画更大? (更改大小?)

我想使全球的graphics更大,以便覆盖大部分的页面(这是一个vector图像)。 这不是在一个button或任何东西; 只是一个人而已 有没有办法做到这一点?

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

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

 .glyphicon { font-size: 50px; } 

要只定位一个图标,

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

Fontawesome有一个完美的解决scheme。

我也执行相同的。 只是在你的主要.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> 

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

尝试使用标题,不需要额外的CSS

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

对于EX ..添加类:

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> 

引用链接Bootstrap: Glyphicons Bootstrap

是的,基本上你也可以使用内联风格:

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

我已经使用了bootstrap头类(“h1”,“h2”等)。 这样你就可以得到所有样式的好处,而不用使用实际的标签。 这里是一个例子:

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