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

前端之家收集整理的这篇文章主要介绍了css – 如何添加自定义图标在Twitter Bootstrap?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
添加图标与Twitter Bootstrap没有问题。他们有很多替代品。

07000

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

解决方法

您可以通过在自己的类中定义它来创建自己的图标,如s:
.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等…)。

只是尝试保持与原始图标(14×14)相同的宽度和高度,这种方式你不必定义自己的宽度和高度,它不会混乱的元素的行高。这里是一个演示这样的情况:http://jsfiddle.net/RwFeu/

原文链接:https://www.f2er.com/css/221638.html

猜你在找的CSS相关文章