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
All icons classes are prefixed with
.icon- for proper namespacing and scoping, much like the other Bootstrap components.
Bootstrap Glyphicons uses the same structure (
<i> tag for all icons) just like Bootstrap, but to use the larger Glyphicons use an additional
<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:
Essentially, anywhere you can put current
<i> tag icons.