大糖糖

Question

我如何在twitter引导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 class="glyphicon glyphicon-link"></span>

Answer 1

你可以根据你的喜好给这个图标一个字体大小：

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

Answer 2

我是这样做的：

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

这允许您在飞行中更改大小。最适合特殊的需求来改变大小，而不是改变css并让它适用于所有的人。

Answer 3

.btn-lg类在Bootstrap 3(link)中具有以下CSS：

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

如果将相同的font-size和line-height应用于span (如果要在多个实例中使用此效果，则可以使用.glyphicon-link或新创建的.glyphicons-lg )，则会得到与大型按钮大小相同的糖醇图标。