更大的字形
如何在twitter bootstrap 3.0（不是2.3.x）中制作更大的Glyphicons。
这段代码将使我的graphics大：
<button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> 如何在不使用btn-lg类的同时只使用跨度来获得这个大小？
这给了一个小的graphics：
<span class="glyphicon glyphicon-link"></span>
你可以给glyphicon一个字体大小，以符合你的喜好：
span.glyphicon-link { font-size: 1.2em; }
以下是我如何做到的：
<span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span>
这使您可以即时更改大小。 最适合临时需求来改变大小，而不是改变CSS，并适用于所有。
.btn-lg类在引导程序3（ 链接 ）中具有以下CSS：
.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; }
如果将相同的font-size和line-height应用于跨度（如果要在多个实例中使用此效果，则要么是.glyphicon-link要么是新创build的.glyphicons-lg ），则会得到象形文字与大button相同。
<button class="btn btn-default glyphicon glyphicon-plus fa-2x" type="button"> </button> <!--fa-2x , fa-3x , fa-4x ... --> <button class="btn btn-default glyphicon glyphicon-plus fa-3x" type="button"> </button>
在我的情况下，我有一个button的input-group-btn ，这个button比它的容器稍大。 所以我只给了font-size:95%的字形，解决了。
<div class="input-group"> <input type="text" class="form-control" id="pesquisarinbox" placeholder="Pesquisar na Caixa de Entrada"> <div class="input-group-btn"> <button class="btn btn-default" type="button"> <span class="glyphicon glyphicon-search" style="font-size:95%;"></span> </button> </div> </div>
如果你正在使用引导3，使用标签，像这样<small><span class="glyphicon glyphicon-send"></span></small>它适用于Bootstrap 3。
你甚至可以使用多个<small>标签来设置更小的尺寸。
码：
<small><small><span class="glyphicon glyphicon-send"></span></small></small>
在<h1>或<h2>写下<span> <h2> ：
<h1> <span class="glyphicon glyphicon-th-list"></span></h1>
