引导程序使用SASS来使用fontawesome图标分隔符修改面包屑

本文介绍了引导程序使用SASS来使用fontawesome图标分隔符修改面包屑的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

因此，我尝试使用SASS更改默认的breadcrumb样式.我已经按照Bootstrap 4 beta 3官方文档中所述设置了所有内容.我在custom.scss

So I'm trying to change the default breadcrumb style with SASS. I've setup everything as mentioned in the official Bootstrap 4 beta 3 docs. I've changed the following in the custom.scss

$breadcrumb-divider: "\f105"; //fontawesome icon for fa-angle-right

现在，这也需要将字体系列设置为

Now this also needs font family to set to

font-family: 'fontAwesome'; //How do I plug this in

如何正确设置.breadcrumb-item::before类的字体?

How do you setup the font for the .breadcrumb-item::before class in the right way?

推荐答案

尝试一下:

.breadcrumb-item::before {
    font-family: 'FontAwesome';
    content: "\f105";
}

这篇关于引导程序使用SASS来使用fontawesome图标分隔符修改面包屑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！