在活动状态的引导选项卡上添加图标字体

Question

好的，所以我试图在活动的bootstrap选项卡下面添加一个图标字体（ionicons，只是一个向上的箭头），应该很简单，但我无法弄明白！

我的活跃状态是这样的：

.services .nav > li.active > a .services-icon-holder {
background-color: #272727;
cursor: pointer;
}

.services .nav > li.active > a .services-icon {
color: #fff;
cursor: pointer;
}

这是我想要达到的效果：

您可以查看what I have here（转到服务部分）

Answer 1

你也可以像这样定义字体图标。我假设您使用FontAwesome作为图标。你可以找到所有图标列表here。

li.active:after { 
    /*content: "∧"; */
    content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}