html - 使用 Twitter Bootstrap 修复自定义图标的填充

Question

我和如何在 Twitter Bootstrap 中添加自定义图标的问题有同样的问题

从上述问题的答案中，如何在 Twitter Bootstrap 中添加自定义图标的解决方案看起来很棒。我唯一想问的是如何在左边的图标和右边的 30px 图标之间设置 20px。我使用的图标不是标准的 14x14 pxpx，所以我再次使用enter link description here。

谢谢你。

Answer 1

只需将填充添加到您创建的自定义类中，如下所示：

CSS

.icon-car {
    background-image: url("http://cdn5.iconfinder.com/data/icons/Symbolicons_Transportation/24/Car.png");
    background-position: center center;
    height: 24px;
    line-height: 24px;
    width: 24px;
    padding-left:20px;
    padding-right:30px;
}

演示：http: //jsfiddle.net/RwFeu/7/