Because sometimes you need a little more than 12x12 icons for your projects.
Just like Twitter's Bootstrap, this drop-in uses sprites. I compiled all the Glyphicons FREE in to a sprite. icon-large.css creates a icon-large
CSS class which can be applied like icon-white
All icons classes are prefixed with .icon-
for proper namespacing and scoping, much like the other Bootstrap components.
Glyphicons provides these for free, SO LONG as proper attribution (or a license is purchased) from Jan Kovařík
Bootstrap Glyphicons uses the same structure (<i>
tag for all icons) just like Bootstrap, but to use the larger Glyphicons use an additional icon-large
:
<i class="icon-large icon-search"></i>
There are also styles available for inverted (white) icons, made ready with one extra class:
<i class="icon-search icon-large icon-white"></i>
However, this isn't supported yet.
There are over 400 classes to choose from for your icons, including the original 140 halflings from Twitter Bootstrap setup
Icons are great, but where would one use them? Here are a few ideas:
<h2>
headingsEssentially, anywhere you can put current <i>
tag icons.