Twitter Bootstrap -让CSS图标更大
Twitter Bootstrap -让CSS图标更大
提问于 2012-11-25 02:16:35
我正在使用Twitter Bootstrap，它告诉我，如果我想使用他们的CSS sprite中的图标，就使用<i class="icon-flag"></i>。
我怎么才能添加我自己的css类，叫做.logo-icon，它将接受他们的一个图标，但使它变大？
我的类现在看起来像这样：
.logo-icon {
background-image: url("../img/glyphicons-halflings-white.png");
background-position: -312px -24px;
}回答 2
Stack Overflow用户
发布于 2013-02-06 01:56:50
如果使用scale()怎么办？
.logo-icon {
transform:scale(2.0,2.0);
-ms-transform:scale(2.0,2.0); /* IE 9 */
-moz-transform:scale(2.0,2.0); /* Firefox */
-webkit-transform:scale(2.0,2.0); /* Safari and Chrome */
-o-transform:scale(2.0,2.0); /* Opera */
}它不是更容易使用和维护吗？你可以缩放到任何你想要的大小，而不需要重新计算背景大小和位置。
我用它来减小我系统中某些部分的图标大小。我花了大约1个小时寻找减少的解决方案，几乎忘记了scale()。所以，只是分享来帮助别人。=D
但是，当然，如果你把它们变大，你不会得到一个完美的好看的图标。
Stack Overflow用户
发布于 2014-07-07 08:26:56
我更喜欢简单地改变字体大小：
.large-icon {
padding: 11px 15px;
font-size: 40px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13544114
复制相关文章
相似问题