using font-awesome icons side-by-side with bootstrap icons

[ph0b0s]

How can I use font-awesome icons side-by-side with bootstrap icons?

When I include font-awesome css after default bootstrap css it doesn't look nice.

My idea for possible solution:
I could modify font-awesome CSS and prepend every declaration with my own class ((.parent > .child) or (.selector.selector)).
That way I can use bootstrap icons by default and font-awesome icons only when my class is present.

Using bootstrap icon: <button class="btn"><i class="icon-search"></i></button>
Using font-awesome icon: <button class="btn use-font-awesome"><i class="icon-search"></i></button>
Using my custom icon: <button class="btn"><i class="icon-mysearchicon"></i></button>

Is this idea for possible solution OK?
Is someone using font-awesome icons in this way?

[davegandy]

I won't be supporting this as a part of the release. Another way to change it would be to change from icon-search to fa-icon-search. Just do a lot of string replacements on the Font Awesome LESS files.