我如何让字画更大? (更改大小?)
我想使全球的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>