Add support for custom icons.

[natansh]

Ideally, a custom icon should be as easy to add as

.icon-[custom name] {
    background-image: ...;
    background-position: ...;
}

Apparently, this used to work in 2.0.4, but no longer works in 2.1.0 - someone reported this in the mailing group. The issue is that the bootstrap styles in many elements have more specificity now, such as

.navbar-inverse .nav > .active > a > [class^="icon-"]

which makes the browser pick that particular background image (mentioned in the property).

I have been thinking of some solutions and the best I could think of was to have a separate class prefix, like

.custom-icon-[custom name]

I have added support for using this approach in the commit.

Would love to hear/know about any alternate approaches possible.

[travisbot]

This pull request passes (merged 80d4296 into ac44202).

[mdo]

For now we won't be adding this. I'd like to keep our icons as simple as possible and we're already bordering too complex unfortunately.

[natansh]

Cool, NP. Just that I have noticed one or two folks were having a problem with this, so decided to chalk out a possible solution. It might be nice to support this later on, as glyphicons don't have every icon needed.