Use bootstrap icons instead of fontawesome

[ritterg]

I use bootstrap icons (https://icons.getbootstrap.com) in my project and don't want to add Font Awesome just for the sort icons.

The problem is that a passable equivalent to the default "fa-sort" in bootstrap is called "bi bi-arrow-down-up", so adding "-up" and "-down" doesn't work.

My solution so far
add an "alias" for "bi-arrow-down-up" in css like this:

.bi-arrow::before {
    content: "\f127";
}

Now I can use "bi bi-arrow" as default icon and adding "-up" and "-down" works as expected.

[hoa1210]

Your solution is to create an alias for bi-arrow in CSS to manually insert the Font Awesome character code using the content property.