Css 推特引导和大于按钮中的标准图标

当我使用时，一切都是完美的：

<button type="submit" class="btn btn-primary">
  <i class="icon-user icon-white"></i> text
</button>

文本

我想要我自己的图标。这就是我为什么使用：

<button type="submit" class="btn btn-primary">
  <i class="icon-school icon-white"></i> text
</button>

文本

我的图标显示在按钮中，但我的图标稍高（20px 16px）。因此，它显示为75%。如何修复它？ 改变高度或填充也无济于事

---

谢谢。

最好的方法是扩展引导图标精灵，并在css上添加一行新图标的确切位置

搜索其中一个引导图标并在下面添加您的图标

---

我总是这样做，如果我的图标更大，只需更改你的图标的宽度/高度。

创建一个

图标perso

类

<button type="submit" class="btn btn-primary">
  <i class="icon-school icon-perso"></i> text
</button>

如果图片包含多个图标，如glyphicons-halflings.png，则可能需要更改背景位置

.icon-school {
  background-position: 0px 0px;
}

---

如果您有兴趣，可以从第2143行开始查看

bootstrap.css

。

为了简单的生活，也许可以将您的图标调整为与默认引导图标相同的大小？不能这样做，这不在我的权限范围内：）仅适用于所有人：我没有找到一个好的解决方案。更改高度也没有太大帮助，因为文本没有垂直居中。使用填充时，背景位置并不能使其完美。图像的大小被缩小，以使其在Twitter上得到增强。

.icon-school {
  background-position: 0px 0px;
}