我如何使更大的Glyphicons在推特引导3.0(不是2.3 x)。
这段代码将使我的象形文字变大:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-th-list">
</span>
</button>
我怎么能得到这个大小不使用btn-lg类，而只使用一个span ?
这给出了一个小象形文字:
<span class="glyphicon glyphicon-link"></span>
当前回答
如果你正在使用引导3，使用标签，像这样<small><span class="glyphicon glyphicon-send"></span></small>它非常适合引导3。 您甚至可以使用多个<small>标记来将大小设置得更小。 代码: <小><小><span class="glyphicon glyphicon-send"></span></小></小>
其他回答
如果你正在使用引导3，使用标签，像这样<small><span class="glyphicon glyphicon-send"></span></small>它非常适合引导3。 您甚至可以使用多个<small>标记来将大小设置得更小。 代码: <小><小><span class="glyphicon glyphicon-send"></span></小></小>
你可以根据自己的喜好设置字体大小:
span.glyphicon-link {
font-size: 1.2em;
}
将<span>写入<h1>或<h2>:
<h1> <span class="glyphicon glyphicon-th-list"></span></h1>
.btn-lg类在Bootstrap 3中有以下CSS(链接):
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
如果对span应用相同的字体大小和行高(如果要在多个实例中使用此效果，可以选择. Glyphicon -link或新创建的. Glyphicon -lg)，则将得到与大按钮相同大小的Glyphicon。
我是这样做的:
<span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span>
这允许你在飞行中改变大小。最适合临时需求来改变大小，而不是改变css并将其应用于所有。
