大Glyphicons

我如何使更大的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>

你可以根据自己的喜好设置字体大小:

span.glyphicon-link {
    font-size: 1.2em;
}

2013-08-28 02:28:14

.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。

2013-08-28 02:32:24

我是这样做的:

<span style="font-size:1.5em;" class="glyphicon glyphicon-th-list"></span>

这允许你在飞行中改变大小。最适合临时需求来改变大小，而不是改变css并将其应用于所有。

2015-03-04 00:09:44

在我的例子中，我有一个input-group-btn和一个按钮，这个按钮比它的容器稍大一些。所以我给我的象形文字设置了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>

2016-01-22 17:27:46

<按钮类别= 巴顿< - > < ![二倍，三倍，四倍]--> <按钮类别= 巴顿< - >

2016-02-11 08:49:13

如果你正在使用引导3，使用标签，像这样<small><span class="glyphicon glyphicon-send"></span></small>它非常适合引导3。您甚至可以使用多个<small>标记来将大小设置得更小。代码: <小><小><span class="glyphicon glyphicon-send"></span></小></小>

2016-04-01 11:06:49

将<span>写入<h1>或<h2>:

<h1> <span class="glyphicon glyphicon-th-list"></span></h1>

2016-06-11 09:27:49

大Glyphicons

推荐文章

最新文章

标签