增加Bootstrap 2.3的Glyphicons的大小
有没有简单的方法来增加字形的大小？
我发现了一些像Font Awesome这样的解决scheme，但不想仅仅增加新的CSS库来增加尺寸2的图标。
这是增加Bootstrap 2.3中图标大小的一种方法。 正如我在我的评论中指出的那样，结果将会非常糟糕，因为您正在缩放Spritesheet图像。
JSFiddle演示
.test { background-image: url("http://twitter.github.io/bootstrap/assets/img/glyphicons-halflings.png"); width: 90px; height: 90px; background-size: 2100px 800px; } 考虑Fontello来代替。 它们允许您根据您select的图标生成自定义字体。
设置<span>标签的字体大小适合我
<span class="glyphicon glyphicon-ok" style="font-size: 20px;"></span>
从Bootstrap 3开始，字形已经变成了字体而不是精灵。 这给你更多的灵活性。 例如，您可以设置font-size并继续。
<span class="glyphicon glyphicon-adjust" style="font-size:48px;"></span>
或者你可以简单地写一个修饰符类：
.glyphicon-2x { font-size: 48px; }
只需要设置字体大小:)你有多个选项来做到这一点：
首先 （直接设置元素）
<span class="glyphicon glyphicon-search" style="font-size:30px"></span>
其次 （将其设置在一个css文件中）
.glyphicon{ font-size: 30px; }
第三 （build立修改class） [我喜欢这个可能性]
.glyphicon-2x{ font-size: 40px; } .glyphicon-3x{ font-size: 60px; } ...
用法：
<span class="glyphicon glyphicon-2x glyphicon-search"></span>
有更多的select让第三个更微小。 在那里你应该阅读更多关于更less
根据你的问题和Brandon给我的评论，你可以使用上面的其他图标contianer。
Bootstrap 2.3
第一
<i class="icon-search" style="-webkit-transform:scale(1.8);"></i>
第二
.icon-search{ -webkit-transform:scale(1.8); -moz-transform:scale(1.8); -o-transform:scale(1.8); }
第三
.icon-x2{ -webkit-transform:scale(2.0); -moz-transform:scale(2.0); -o-transform:scale(2.0); } .icon-x3{ -webkit-transform:scale(3.0); -moz-transform:scale(3.0); -o-transform:scale(3.0); } //here i use the css from above (Bootstrap 3) //actually you can name it like you want <i class="icon-search icon-2x"></i>
您可以使用：
.icon-whatever { zoom: 2; -moz-transform: scale(2); /* Firefox */ }
但是，随着规模的扩大，它会变得越来越模糊。 一个字体图标库会更好地扩展。
您可以覆盖引导程序的类，例如：
// Size and position are not working. .icon-glass { background-size: 800px; backgroung-position: 10px 50px; width: 24px; height: 24px; }
问题是，由于解决scheme，图标看起来很丑。
希望这可以帮助！
如果你使用glyphiconsbutton，这很简单：
<button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-star"></span> </button>
btn-lg定义了大小。 你可以使用btn-lg，bnt-sm，btn-sx
编辑：如果你不使用button或LG不够大，你可以添加一个自己的类和使用font-size（只在引导3.0testing）。 在自举3.0 glyphicons存在为.svg，所以他们不会看起来丑陋
例：
<button type="button" class="btn btn-default btn-lg myGlyphicon"> <span class="glyphicon glyphicon-star"></span> </button>
CSS：
.myGlyphicon {font-size: 120%;}
要么
.myGlyphicon {font-size: 70px;}
你可以使用IcoMoon.io一个非常容易使用的工具来生成不同颜色，大小的图标字体，甚至你可以从你的select生成精灵。
我刚刚find一个非常简单的方法 – 使用“变换”。 例如，地点：
.glyphicon-chevron-right {transform:scale(2.9,2.9);}
在你的CSS中增加2.9倍。
如果您使用的是Bootstrap 3，为什么不在图标上使用em宽度？ 如果图标embedded在标题/段落/主体内等，那么在em使用字体大小将增加图标相对于它们所在段落的大小。
例如，如果您有：
<span class="glyphicon glyphicon-adjust"></span>
在自定义引导的CSS中，只需添加：
.glyphicon {font-size: 1.25 em;}
这将缩放字形。
尝试包括class级lead
<span class="glyphicon glyphicon-home lead"></span>
或者在<h4>标签中说唱
