css - Twitter Bootstrap - 让 CSS 图标变大

Question

我正在使用 Twitter Bootstrap，它说要使用 <i class="icon-flag"></i>如果我想使用他们的 CSS Sprite 中的图标。

如何添加我自己的名为 .logo-icon 的 css 类哪个会采用他们的图标之一，但会使其变大？

我的类(class)目前看起来像:

.logo-icon {
    background-image: url("../img/glyphicons-halflings-white.png");
    background-position: -312px -24px;
}

Answer 1

最好最简单

是改变span标签的字体大小

span.glyphicon {
    font-size: 8px;  
}

或

<span class="glyphicon glyphicon-check" style="font-size: 1.2em"></span>

使用 FontAwesome？

如果你像我一样也使用 FontAwesome，你可以使用 hybrid ;) 使用这些类

<span class="glyphicon glyphicon-check fa-lg"></span>
<span class="glyphicon glyphicon-check fa-2x"></span>
<span class="glyphicon glyphicon-check fa-3x"></span>
<span class="glyphicon glyphicon-check fa-4x"></span>