小编典典

如何在Twitter Bootstrap中添加自定义图标?

css

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

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

但是,我找不到菜单项之一的适当图标。关于“汽车”。我想要的是我想添加我的自定义图标。我怎样才能做到这一点?


阅读 347

收藏
2020-05-16

共1个答案

小编典典

您可以通过在自己的类(如)中定义图标来创建自己的图标:

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

当然要记住使用前缀,.icon-*因为前缀是由引导程序设置的属性选择器确定的,以应用所有样式(widh / height / line-height等)。

只需尝试与原始图标(14x14)保持相同的宽度和高度,这样就不必定义自己的宽度和高度,也不会与line- height元素的混乱。

2020-05-16