Bootstrap使用glyphicon的图像indead

Question

是否可以在bootstrap-min.css中使用图像

我们正在使用一个主题（现代），一些图标由bootstrap控制。

我想更改以下行以使用图片。

.glyphicon-home:before{content:"\e021"}

Answer 1

试试这个：

.glyphicon-home{
    display:inline-block;
    background-image:url('../images/YOUR_IMAGE.png');
    width:20px;
    height:20px;
}

Answer 2

只需清除内容参数并使用背景添加自己的图像即可。其余的样式（显示：内联块）仍然应该继承。

.glyphicon-home:before{
    content: "";
    background: url(IMAGEPATH) 50% 50% no-repeat;
}

哦 - 我不会把它放到bootstrap.min.css中 - 将它添加到稍后调用的样式表，或者你的主题的style.css