Thursday, November 28, 2013

adding custom icons in Twitter Bootstrap

You can enhance your design capabilities by adding as many icons as you like. Basic CSS syntax is the following:


.icon-whatever{
    background-image: url("url_to_image_whatever.png
");

    background-position: center center;
}

But also you can use (one of) those additional packs which nicely work
basic bootstrap package:
260 other icons (.png image) - http://marcoceppi.github.io/bootstrap-glyphicons/
299 Sleek vector icons (web-font) - http://shoestrap.org/downloads/elusive-icons-webfont/