在标题链接文本旁添加图标

贡献 功能
1

能否在链接旁边添加一个类似这样的 Font Awesome 图标？

image
image1058×111 8.04 KB

2 个赞
2

目前无法实现。您需要对组件进行一些更改才能达到该目的。

6 个赞
3

似乎与主标题有些重叠，我尝试添加边框，但主标题将其遮挡。如果在检查器中将高度更改为 47px，我可以看到边框，但如果将此添加到 CSS 中则不起作用。

.b-header {
    background-color: #393F4D !important;
    border-bottom-style: solid;
    border-color: #feda6a;
    border-width: 1px;
    height: 47px;
}

image
image563×764 38.1 KB

另一个请求是突出显示当前页面，或者至少为每个按钮赋予自己的类，以便我可以更改单个按钮的颜色。

Highlight current page in Brand Header links
4

对于想要在此处添加 Font Awesome 图标的用户，这里有一个简单的 CSS 解决方案。

.b-header a::before{
      padding-right: 8px;
      font-family: "FontAwesome"
    }

.b-header .nav-pills > li:nth-child(1) a::before{
    content: "\f015";
}

.b-header .nav-pills > li:nth-child(2) a::before{
    content: "\f086";
}

.b-header .nav-pills > li:nth-child(3) a::before{
    content: "\f1ea";
}

.b-header .nav-pills > li:nth-child(4) a::before{
    content: "\f005";
}

.b-header .nav-pills > li:nth-child(5) a::before{
    content: "\f187";
}

.b-header .nav-pills > li:nth-child(6) a::before{
    content: "\f05a";
}

.b-header .nav-pills > li:nth-child(7) a::before{
    content: "\f0e0";
}
6 个赞