Rotating Glyphicons / Font Awesome in Bootstrap

Question

I\'m trying to get the glyphicons in my bootstrap site to rotate on hover (in addition to changing color).

Here\'s my attempt: http://jsfiddle.net/young_greedo17/88g5P/<

Answer 1

you need to override the icon's display setting, since the rotation won't work on inline elements

.widgetbox [class*="icon-"] {

     ...

     display:block;
}