Twitter bootstrap 更大的图标字体。

Question

4

有没有一种方法可以使用twitter bootstrap，并将其大小调整为更大？到目前为止，我尝试过以下方法，但都没有成功。 glyphicon.myclass {height: 100px; width: 100px;}

谢谢。

- Petran

1

Bootstrap 3.0 还是 2.3.x？ - Shiva

请查看此线程以获取Bootstrap 2的信息：https://dev59.com/4GQm5IYBdhLWcg3w0RtV#17319709 - Ravimallya

3个回答

2

Bootstrap 2图标是作为背景应用的，所以不行。此外，它们是图片精灵，因此调整精灵图像大小需要您调整每个CSS位置语句。

Bootstrap 3图标是字体，所以可以。

.glyphicon.smaller {font-size: 8px;}
.glyphicon.bigger {font-size: 30px;}

- isherwood

2

字形图标使用其容器的font-size。因此，您可以像其他人建议的那样增加字体大小，或者使用具有较大字体的容器。

<h1><i class="glyphicon glyphicon-align-center"></i></h1>

- Carol Skelly

值得注意的是，尽管这样做效果很好，但它鼓励使用非语义化标记。例如，标题不应该用于样式化图标和文本，而应该用于在逻辑上结构化文档。 - isherwood

1

尽管实现很容易，但w3c验证器会对此发出“空标题”警告。https://dev59.com/cH_aa4cB1Zd3GeqP8NHF - trante

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shiva · Accepted Answer

如果是 Bootstrap 3，则尝试增加字体大小，如果适用于该元素。以下是示例。

glyphicon.myclass {
    font-size: 1.4em;
}