css - 如何在 Twitter Bootstrap 中添加自定义图标？

Question

我使用 Twitter Bootstrap 添加图标没有问题。他们有很多选择。

http://twitter.github.com/bootstrap/base-css.html#icons

但是，我无法为其中一个菜单项找到合适的图标。是关于“车”的。 我想要的是我想添加我的自定义图标。我怎样才能做到这一点？

Answer 1

你可以通过在你自己的类中定义它来创建你自己的图标，比如 s:

.icon-car {
    background-image: url("http://cdn5.iconfinder.com/data/icons/Symbolicons_Transportation/24/Car.png");
    background-position: center center;
}

当然要记住使用前缀 .icon-* 因为它是 Bootstrap 设置的属性选择器的目标，以应用所有样式(widh/height/line-height 等。 .).

尽量保持与原始图标 (14x14) 相同的宽度和高度，这样您就不必定义自己的宽度和高度，也不会与 line-height< 混淆 你的元素。这是一个这种情况的演示:http://jsfiddle.net/RwFeu/