Twitter 引导更大的字形图标。答案

【问题标题】：Twitter bootstrap bigger glyphicons.Twitter 引导更大的字形图标。
【发布时间】：2013-12-21 09:07:46
【问题描述】：

有没有办法使用 twitter 引导程序并将其大小调整为更大？到目前为止，我已经尝试过了，但没有运气。 glyphicon.myclass {高度：100px;宽度：100 像素；}

谢谢。

【问题讨论】：

【解决方案1】：

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

Bootstrap 3 图标是一种字体，所以是的。

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

【讨论】：

【解决方案2】：

如果是 Bootstrap 3，那么如果它适用于元素，请尝试增加字体大小。下面的例子。

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

【讨论】：

【解决方案3】：

Glyphicons 使用其容器的font-size。所以你可以按照其他人的建议增加字体大小，或者使用更大字体的容器..

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

【讨论】：

值得注意的是，虽然这很好用，但它鼓励非语义标记。例如，标题不应用于设置图标和文本的样式，而应用于在逻辑上构建文档。
虽然实现起来很容易，但 w3c 验证器会为此发出 Empty heading 警告。 stackoverflow.com/questions/23739224/…